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

::first-line エレメント

 ::first-line エレメントは、ブロックエレメントにおいて最初の行を選択しスタイルを反映する擬似エレメントです。

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

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

ページ内 Index

構文(Syntax)

CSS

HTMLElement::first-line {
  style_propaties;
}

DOM ( JavaScript )

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

Example

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