備忘録的プログラミングリファレンス

::first-letterエレメント

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

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

::first-letter例
h1 +p::first-letter{
	font-size: x-large;
	font-weight: bold;
}
動作の確認はExampleを参照してください

構文(Syntax)

CSS

HTMLElement::first-letter {
  style_propaties;
}

DOM(JavaScript)

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

Example

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