HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


アルファベットを小さな大文字にする

CSSの書き方

font-variant:値 ;

CSSの詳細情報
プロパティ名 font-variant 読み方 フォント・ヴァリエント
初期値 normal 意味 大文字小文字の調整
normal/small-caps
対象 すべての要素
CSSレベル CSSレベル1 対応ブラウザ Windows MAC
継承 する IE 5.0以上/FF1.0/NS7.1/OP8.0 SF/IE5.0

解説

このプロパティはアルファベットにだけ有効なスタイルシートです。「スモールキャップ」とは小さめの大文字のことを言い、アルファベットをスモールキャップにするスタイルシートがこのプロパティです。初期値は「normal(解除)」で、小さめの大文字にしたいときは、値に「small-caps」と書き入れます。

表示のされ方

スモールキャップにするとアルファベットは強制的に大文字として表示されます。例えば、「Alphabet」と入力していても、このプロパティを有効にすると小文字も大文字に変化されて、小さめに「ALPHABET」と表示されます。

CSS/HTMLサンプル

p { font-variant:small-caps; }

段落要素に含まれるアルファベットをスモールキャップに サンプル