CSSでローマ字(アルファベット)の大文字、小文字変換ができる。

これまで必要が無かったので知りませんでした。
あえて自分でデザインするときに必要かというとまた微妙ですが
CSSでローマ字(アルファベット)の大文字、小文字変換ができる。

たまにWordPressテーマなどでメニューなど自分では小文字で入力しているのに、WordPressで表示してみると、大文字になっている。
なぜだ!? それを直したい。そんなときですよね。

結論とすると、もちろんcssです。

text-transform

アルファベットの大文字や小文字を制御できる

例) text-transform : uppercase;

プロパティは以下、

  • 初期値 none
  • 大文字に変換 uppercase
  • 小文字に変換 lowercase
  • 複数単語の頭文字を一括で大文字に変換 capitalize

単語の先頭のみをあえて指定することもできます。

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

一覧をcodo pen してみました。
即、使えます、ご参考にしてください。

See the Pen ExZEbZm by masakazuandoh (@masakazuandoh) on CodePen.

なんで? いつのまに! と思ってしまうものかもしれません。
知っておいても損は無いコードかなと思います。

1件のコメント

  1. Here you can find everything you need for a happy life, from the latest developments of Chinese manufacturers in the field of electronics (phones, tablets), to jewelry for a few cents.
    The store also presents clothes, accessories, household goods, outdoor activities and sports, toys and auto-moto accessories.
    Separately, it is worth noting a fairly large and good selection of radio controlled toys. In addition, there is a separate section for adults.
    https://fas.st/PaJ4E

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です