English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
text-transform CSS属性はテキストの大小写を制御します。
以下のテーブルは、この属性の使用方法とバージョン履歴、およびJavaScriptスクリプトでの使用構文を示しています。
デフォルト値: | none |
---|---|
適用範囲: | すべての要素 |
継承: | はい |
アニメーション可能: | いいえ。参照してください アニメーション属性。 |
バージョン: | CSS 1、2、3 |
JavaScript構文: | object.style.textTransform="lowercase" |
この属性の構文は以下の通りです:
text-transform: capitalize | lowercase | none | uppercase | initial | inherit
以下の例では、どうやってtextを使用するかを示しています。-transform属性。
p { text-transform: capitalize; }テストして‹/›
以下のテーブルは、この属性の値を説明しています。
値 | 説明 |
---|---|
capitalize | 各単語の最初の文字を大文字に変換し、他の文字は影響を受けません。 |
lowercase | 各単語のすべての文字を小文字に変換します。 |
uppercase | 各単語のすべての文字を大文字に変換します。 |
none | 大文字効果はありません。テキストはそのまま表示されます。デフォルト値です。 |
initial | この属性をデフォルト値に設定します。 |
inherit | 指定された場合、関連する要素は親要素のtextを使用します。-transformの属性値。 |
text-transform属性のブラウザの互換性、以下のテーブルの数字は、この属性をサポートするブラウザの最低バージョン番号を示します;すべての主要ブラウザがこの属性をサポートしています。
|
以下のチュートリアルを参照してください:CSSテキスト、CSSフォント。
テキストに関連する属性:letter-spacing、text-align、text-decoration、text-indent、text-overflow、text-shadow、white-space、word-spacing。