この記事は2008年6月24日に書かれたものです。既に内容が古い可能性があります。

text-transform:大文字小文字(英単語)

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

タグ: