ホームページ > 記事 > ウェブフロントエンド > CSSで英語の最初の文字を大文字にする方法
CSSで英語の最初の文字を大文字にする方法
- 云罗郡主オリジナル
- 2018-11-28 16:59:5515500ブラウズ
英字新聞で最初の単語を大文字にするというのをよく見かけますが、単語の最初の文字を大文字にするにはどうすればよいのか、操作方法が分からない人も多いのではないでしょうか？ . CSSを解説してみよう 英語の頭文字を大文字にするには？
英語の頭文字を大文字にするには、div css の text-transform 属性を使用して、文字の大文字と小文字を設定することもできます。大文字の文字の全文と小文字の文字の全文。
1: text-transform 構造の構文:
text-transform 属性には、Capitalize、Uppercase、および Lowercase という 3 つの属性があります。
Capitalize は、文字が大文字であるか小文字であるかに関係なく、すべての文字が最初の文字が大文字に変換されることを意味します。 構文: div{text-transform:capitalize};
大文字は関係ないことを意味します。文字が大文字でも小文字でも、すべての文字が大文字に変換されます。構文: div{text-transform:uppercase};
Lowercase は、文字が大文字か小文字かに関係なく、すべての文字は CSS によってすべて小文字に変換されます。構文: div{text-transform: lowercase }
2: コード例は次のとおりです:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
h1{text-transform:capitalize}
h2{text-transform:uppercase}
h3{text-transform:lowercase}
</style>
</head>
<body>
<h1>php.cn</h1>
<h2>php.cn</h2>
<h3>php.cn</h3>
</body>
</html>
CSS3Tutorial について詳しく知りたい場合は、php 中国語の Web サイトに注目してください。
以上がCSSで英語の最初の文字を大文字にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。