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

::before エレメント

 ::before エレメントは、指定されたエレメントの直前にcontentプロパティで設定したエレメントを追加表示する擬似エレメントです。

 ::before エレメント内に、contentプロパティ以外のスタイルプロパティも設定できます。

 対になる疑似エレメントに::afterエレメントがあります。 ::afterエレメントは指定されたエレメントの直後に追加表示します。

::before 例
p::before{
	content: " ((≡゚♀゚≡)) ";
	background-color: yellow;
}
詳しくは Example を参照してください

ページ内 Index

構文(Syntax)

CSS

HTMLElement::before {
  style_propaties;
}

DOM ( JavaScript )

 疑似エレメントはDOM ( JavaScript )から操作できません。
 場合によっては、擬似エレメントを利用したほうが簡易です。

Example

 ::beforeの例です。

 対になる疑似エレメントの::afterエレメントも使っています。