CSS備忘録

ブラウザで英語を全て大文字にする方法

  • htmlは、先頭文字だけ大文字にして他は小文字
  • cssで「text-transform: uppercase;」を適用することで、全て大文字にする

例えば、「ABOUT」と表示するには、

html

<p>About</p>

css

p {
 text-transform: uppercase;
}

ブラウザ

ABOUT

注意点

htmlで、<p>ABOUT</p>にすると、音声読み上げソフトで「エー・ビー・オー・ユー・ティー」と読み上げられてしまう。

PAGE TOP
タイトルとURLをコピーしました