更新日: 2011-05-20 15:39:59

CSSで文字を大文字・小文字に置換する方法

著者: ぽたる

編集者: ぽたる

閲覧数: 442

Okgn btn gudie info favorite

0

はじめに

Photo by ぽたる

CSSで文字を大文字・小文字に置換する方法をガイドします。

STEP1 ■text-transform:capitalize;

それぞれの単語の1文字目を大文字にする。
ある英語の文章に対してcapitalizeを指定すると、単語一つ一つの最初のアルファベットが大文字になります。当然、文章としてはおかしくなるので、使う場所はよく考えましょう。

STEP2 ■text-transform:uppercase;

全ての文字を大文字にする。
入力時に全ての文字を小文字で入力したり、大文字と小文字交じりで入力しても、この指示をかければ全て大文字に置換してくれます。

STEP3 ■text-transform:lowercase;

全ての文字を小文字にする。
入力時に全ての文字を小文字で入力したり、大文字と小文字交じりで入力しても、この指示をかければ全て小文字に置換してくれます。

STEP4 ■text-transform:none;

入力されたままを表示する(置換しない)
これは特に必要がなければ指示かけなくてもいいです。

STEP5 ■おまけ

ちなみに「置換」はおきかえではなく「ちかん」と読みます。
痴漢ではありませんよ、置換です。
自分のパソコンで変換してみましょう。ちゃんと出ます。

まとめ

Illustrationby 著者

このガイドは役に立ちましたか?ガイドの著者にお礼を伝えよう!

Okgn btn gudie info thunks b

95

当ガイドは作成日時点での情報です。ガイド内容の実施はご自身の責任の元、ご利用いただきますようお願いいたします。

このガイドを通報する

著者名:
ぽたる

「ぽたる」はたまたま登録時に
息子がほたるのことをぽたると
言っていたのでつけました。

みなさまどうぞよろしく
おねがいいたします!