生成内容
Updated
任意の要素の前後に仮想的な文字や画像などの内容や引用符を追加したり、自動で番号付けを行う生成内容に関するプロパティ。
- content
- contentプロパティは :before擬似要素、または :after擬似要素をセレクタに加える要素の前後に仮想的に文字列や画像などの内容を生成します。(X)HTML文書自体を修正することなく、テキストや画像を自由自在に生成することができる便利な機能です。
- counter-increment
- counter-incrementプロパティは contentプロパティで追加されたカウンタ（連番）の値を進めるプロパティです。カウンタの制御は、counter( )、または counters( ) の形式で、括弧内にカウンタ名や文字列、スタイル（list-style-type）を contentプロパティの値に指定して行います。
- counter-reset
- counter-resetプロパティは contentプロパティで追加されたカウンタ（連番）の値をリセット（初期化）するプロパティです。
- quotes
- quotesプロパティは contentプロパティで :before { content: open-quote; }, :after { content: close-quote; } を設定している場合に、任意の要素の内容にレンダリング（描画）する開始の引用符と終了の引用符を指定します。開始と終了をセットで指定し、複数指定することも可能です。