back / home ]

content

contentは、内容を生成するのに使用するプロパティです。

プロパティ

[ <string> | <uri> | <counter> | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit
初期値 空文字
適用 :before,:after疑似要素,display: marker; の要素
継承性 なし
パーセント値 適用不可
メディアグループ all

値には、次のものが指定できます。

<string>
<uri>
<counter>
open-quote, close-quote
引用符を挿入します。
no-open-quote, no-close-quote
引用符を挿入しませんが、引用符の階層だけは変化します。
attr(X)
当該要素の属性名を X で指定し、その属性値を挿入します。

サンプルコード

p.ref:before {
    content: "参照: ";
    color: blue
}

<p class="ref">HTML4.01リファレンス</p>

結果

HTML4.01リファレンス

quotes

quotesは、引用符のレンダリング方法を指定するプロパティです。contentプロパティの値によって引用符が変わります。

プロパティ

[<string> <string>]+ | none | inherit
初期値 UA(ユーザーエージェント)の実装に依存
適用 すべての要素
継承性 あり
パーセント値 適用不可
メディアグループ visual

サンプルコード

p.quot:before {
    quotes: "《" "》";
    content: open-quote
}

<p class="quot">引用文</p>

結果

引用文


back / home ]