text-transformプロパティはアルファベットの小文字を大文字に、大文字を小文字に変換表示します。音声ブラウザなどアクセシビリティを考慮する際は、text-transformを指定しましょう。
音声ブラウザは英単語が大文字の場合、文字を一文字ずつ読み上げます。例えば”dog”の場合、大文字で”DOG”と記述すると音声ブラウザは”D(ディー)”、”O(オー)”、”G(ジー)”と読み上げます。
- プロパティ
-
text-transform
- 値
-
キーワード
capitalize(一文字目を大文字に変換)
uppercase(すべてを大文字に変換)
lowercase(すべてを小文字に変換)
none(なし)
- 対象
-
すべての要素
- 継承の有無
-
継承
text-transformサンプル
(X)HTML上での記述”abcde fghij capitalize”と小文字で記述しています。
abcde fghij capitalize
abcde fghij uppercase
abcde fghij lowercase