::first-letterエレメント

　::first-letterエレメントは、最初の行の最初の文字を選択しスタイルを反映する擬似エレメントです。

　テキストの前に画像などのテキスト以外のものがあると上手く選択しません。

h1 +p::first-letter{
	font-size: x-large;
	font-weight: bold;
}

構文(Syntax)

CSS

HTMLElement::first-letter {
  style_propaties;
}

DOM(JavaScript)

　疑似エレメントはDOM(JavaScript)から操作できません。
　スタイルのみの操作は擬似エレメントを利用したほうが簡易です。

Example

　::first-letterの例です。<h1>の直後の<p>の最初の文字を選択しています。

関連（Related）