CSSリファレンス

contentの意味と使い方

新たに追加(生成)する内容を指定するプロパティです。::before擬似要素や::after擬似要素と共に使用し、要素の直前、または直後にテキストや画像、連続した番号などを生成・追加することができます。

値の指定方法

normal

内容を追加しません。


none

内容を追加しません。


テキスト

追加するテキストを引用符で囲って指定します。


URL

追加する外部リソースのURLを指定します。


カウンタ

counter()関数、またはcounters()関数を利用して、追加するカウンタを指定します。


attr(属性名)

追加するテキストを値に持つ属性名を指定します。


open-quote,close-quote

要素の先頭もしくは最後に、quotesプロパティで設定されている引用符を追加します


no-open-quote,no-close-quote

引用符は追加せず、引用レベルを一段深くもしくは一段浅く変更します。