Webデザイン

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

by まさパパ / 16件のコメント

これまで必要が無かったので知りませんでした。
あえて自分でデザインするときに必要かというとまた微妙ですが
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.

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

16件のコメント

  1. В Pinterest с 2012 г. Моя Реклама в нем дает Заказчикам из Etsy, Shopify, amazon заработки от 7000 до 100 000 usd в месяц. http://1541.ru Ручная работа, Цена 300-1000 usd за месяц

    返信

  2. В Pinterest с 2012 г. Моя Реклама в нем дает Заказчикам из Etsy, amazon заработки от 7000 до 100 000 usd в месяц. https://1541.ru Ручная работа, Цена 300 – 500 usd за месяц

    返信

  16. “I haven’t seen you in these parts,” the barkeep said, sidling during to where I sat. “Designation’s Bao.” He stated it exuberantly, as if say of his exploits were shared aside settlers about multitudinous a firing in Aeternum.

    He waved to a expressionless keg hard by us, and I returned his gesticulate with a nod. He filled a telescope and slid it to me across the stained red wood of the excluding prior to continuing.

    “As a betting man, I’d be willing to wager a honourable portion of silver you’re in Ebonscale Reach on the side of more than the carouse and sights,” he said, eyes glancing from the sword sheathed on my hip to the bow slung across my back.

    http://maps.google.bs/url?q=https://renewworld.ru/

    返信

コメントを残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。