ホームページ  >  記事  >  ウェブフロントエンド  >  CSSのtext-transform属性の使い方

CSSのtext-transform属性の使い方

silencement
silencementオリジナル
2019-05-27 14:32:433961ブラウズ

CSSのtext-transform属性の使い方

定義と使用法

text-transform プロパティは、テキストの大文字と小文字を制御します。

説明

この属性は、ソース文書内のテキストの大文字と小文字に関係なく、要素内の文字の大文字と小文字を変更します。値が大文字の場合、一部の文字が大文字になりますが、どの文字が大文字になるかを決定する方法は明確に定義されておらず、個々の「単語」を認識するのはユーザー エージェント次第です。

CSSのtext-transform属性の使い方

例、異なる要素のテキストを変換する

h1 {
text-transform:uppercase
}
h2 {
text-transform:capitalize
}
p {
text-transform:lowercase
}

ヒントとメモ

注意: 異なりますユーザーエージェントはさまざまな方法を使用して、単語がどこで始まるかを決定し、それに応じてどの文字を大文字にするかを決定する場合があります。たとえば、「w3-school」というテキストは、「W3-school」と「W3-School」の 2 つの方法で表示できます。 CSS ではどちらが正しいかは指定されていないため、どちらでも問題ありません。

#可能な値

CSSのtext-transform属性の使い方


# #

以上がCSSのtext-transform属性の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。