備忘録的プログラミングリファレンス

text-transform プロパティ

 text-transform プロパティは、大文字、小文字、全角文字の表記方法を指定するプロパティです。
 text-transform プロパティの指定によって、ブラウザが単語の先頭文字を大文字に、テキストの全てを大文字に、全て小文字に、全て全角にと、変換して表示します。

単語の先頭文字を大文字に
text-transform: capitalize;

詳しくは Example を参照してください

 日本語では機能しません。

ページ内 Index

構文(Syntax)

 text-transform の構文です。

CSS

text-transform: none | capitalize | uppercase | lowercase | initial | inherit;

DOM ( JavaScript )

値の取得
String = object.style.textTransform;
値の設定
object.style.textTransform="none | capitalize | uppercase | lowercase | initial | inherit";

値(Values)

 text-transform に指定できる値です。

Value摘要
none初期値(default値)、変換なし
capitalize単語の先頭文字を大文字に
uppercaseすべて大文字
lowercaseすべて小文字
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

 text-transform の備考です。

初期値(Default value)none
継承(Inherited)Yes
CSS AnimationNo

Example

 text-transform の例です。text-transform プロパティは、大文字、小文字、全角文字の表記方法の指定できます。

 以下の例では、<h1> の直後の段落 <p> を選択しています。

 日本語では機能しません。