【CSSリファレンス】text-transform

こんにちは（・∀・）

CSSプロパティのご紹介です。今回ご紹介するCSSプロパティはtext-transformです。

概要

text-transformプロパティを使用して単語の大文字や小文字の指定を行います。単語の先頭だけを大文字にするなどの指定もできます。

.sample {
  text-transform: capitalize;
}

適用要素

すべての要素

指定できる値

none

変換しないでそのまま表示

capitalize

単語の先頭文字を大文字に変換

uppercase

全ての文字を大文字に変換

lowercase

全ての文字を小文字に変換

初期値

none

サンプル

HTML

<p class="demo">web design lab</p>

CSS

.demo {
  text-transform: capitalize;
}

Result