ホームページ >ウェブフロントエンド >CSSチュートリアル >小文字を大文字に変更するCSSコードは何ですか?
小文字を大文字に変更するCSSコードは何ですか?
- WBOYオリジナル
- 2021-12-14 11:51:311760ブラウズ
CSS では、小文字を大文字に変更するコードは「text-transform:uppercase」です。「text-transform」属性の機能は、要素テキストの大文字と小文字のスタイルを制御することです。属性の値が "uppercase" の場合、要素内の小文字のテキスト スタイルは大文字になります。
このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
小文字を大文字に変更する CSS コードは何ですか?
CSS で小文字から大文字への効果を実現したい場合は、次のようにします。 text-transform 属性を使用できます。
この属性は、ソース文書内のテキストの大文字と小文字に関係なく、要素内の文字の大文字と小文字を変更します。値が大文字の場合、一部の文字が大文字になりますが、どの文字が大文字になるかを決定する方法は明確に定義されておらず、個々の「単語」を認識するのはユーザー エージェント次第です。
text-transform 属性は、テキストの大文字と小文字を制御するために使用されます。属性の値が大文字の場合、テキストには大文字のみが含まれると定義されます。
構文は次のとおりです:
元素{text-transform:uppercase;}例は次のとおりです:
<html>
<head>
<style type="text/css">
h1 {
text-transform: uppercase;
}
p{
text-transform: uppercase;
}
</style>
</head>
<body>
<h1>abcdefg</h1>
<p>qwerzxcv</p>
</body>
</html>出力結果:
(学習ビデオ共有:CSS ビデオ チュートリアル)
以上が小文字を大文字に変更するCSSコードは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：CSS3で垂直反転効果を実現する方法次の記事：CSS3で垂直反転効果を実現する方法