カテゴリー: text-transform

（例）【CSS】text-transformの使用方法

See the Pen
text-transform by linlin (@linlin098765)
on CodePen.

<p class="sample1">There are three apples on the desk.</p>
<p class="sample2">There are three apples on the desk.</p>
<p class="sample3">There are three apples on the desk.</p>
<p class="sample4">There are three apples on the desk.</p>
<p class="sample5">There are three apples on the desk.</p>

p.sample1 {text-transform: none;}
p.sample2 {text-transform: capitalize;}
p.sample3 {text-transform: uppercase;}
p.sample4 {text-transform: lowercase;}
p.sample5 {text-transform: full-width;}

【CSS】text-transform：大文字・小文字・全角文字への変換

　CSSのtext-transformは、大文字・小文字・全角文字への変換を指定するプロパティです。

• none
  変換しない（初期値）
• capitalize
  単語の先頭文字を大文字に変換
• uppercase
  全ての文字を大文字に変換
• lowercase
  全ての文字を小文字に変換
• full-width
  全ての文字を全角に変換