セレクタ内の最初の文字にだけ働くスタイルシート
CSS/HTMLの書き方
CSS
セレクタ:first-letter { プロパティ:値 ; プロパティ:値 ; …}
|
|||||||||||
解説
ある要素内の文章の最初の文字だけに働くスタイルシートの書き方です。例えば、雑誌でよく見かけるような段落の最初の文字だけ大きくすることもできます。なお、「:first-child」は要素の一部を取り出す働きを持つため、擬似要素です。
CSSの書き方は、任意のセレクタ名の後に「:first-child」を付け足します。
この書き方は、MAC版IEでは不具合があるようです。指定する要素の最初の文字が全角の場合、スタイルシートが働かないことがあります。
CSS/HTMLサンプル
p.b_letter:first-letter { float:left ; font-size:3em ; margin:0px 5px 5px 0px; }
特定の段落の最初の文字を大きくする サンプル
