LoginSignup
8
12

More than 5 years have passed since last update.

CSS でアルファベットの大文字・小文字の変換。

Posted at

text-transform は アルファベットの大文字や小文字を制御できるプロパティ
text-transform: キーワード値; 初期値は none

text-transform: uppercase; 大文字に変換

.text{
  text-transform: uppercase;
}
.text:first-letter{
  text-transform: uppercase;
}

:first-letterを使えば 一文字目だけ大文字にできます。

text-transform: lowercase; 小文字に変換

.text{
  text-transform: lowercase;
}
.text:first-letter{
  text-transform: lowercase;
}

:first-letterを使えば 一文字目だけ小文字にできます。

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

.text{
  text-transform: capitalize;
}

sample1.png

abc d e f -> Abc D E Fと変換する

8
12
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
12