CSS ::first-letter 仮要素

定義と使用方法

CSS ::first-letter 仮要素は、ブロックレベル要素の最初の文字のスタイルを設定するために使用されます。

注意：以下の属性は、以下と一緒に使用できます： ::first-letter 一緒に使用：

• すべてのフォント属性
• すべての背景属性
• すべてのアウトセット属性
• すべてのインセット属性
• すべての境界属性
• color
• text-decoration
• text-shadow
• letter-spacing
• word-spacing
• text-transform
• text-decoration-color
• text-decoration-line
• text-decoration-style
• box-shadow
• vertical-align（floatがnoneの場合のみ）
• line-height
• float

例

各<p>要素の最初の文字のスタイルを選択および設定します：

p::first-letter {
  font-size: 200%;
  font-weight: bold;
  color: #8A2BE2;
}

実際に試してみてください

CSS文法

::first-letter {
  css宣言;
}

技術的詳細

ブラウザのサポート

テーブルの数字は、その仮要素を完全にサポートする最初のブラウザバージョンを指定しています。

関連ページ

チュートリアル：CSS 仮要素