引用符の指定 (Quotation marks)

 
内容の追加
ホーム > CSS2 Note > 引用符の指定
C2- ie8- N6-

説明

quotes: quotes; C2- ie8- N6-
値:  [ <文字列> <文字列> ]+ | none | inherit
初期値:ブラウザによる適用要素:すべて継承:する%値:なしメディア:ビジュアル
このプロパティは、contentプロパティで追加する引用符を指定します。引用符のネスト(入れ子)の深さに応じた引用符を、1組ずつ指定することができます。
 

使用例

q {quotes:"「" "」" "『" "』"}
q:before {content:open-quote}
q:after {content:close-quote}
 

quotes プロパティの値

文字列 文字列 C2- ie8- N6- 「content:open-quote」「content:close-quote」の場合、引用符はここに記されたペアから選ばれます。さらにペアを半角スペース[ ]で区切ってより深いネスト(入れ子)を順に指定することもできます。実際の引用符が指定した引用符より深い入れ子になる場合、最後に指定した引用符が用いられます。
none C2- ie8- 「content:open-quote」「content:close-quote」でも、引用符を追加しません。
 

[ISO10646]の引用符

高質な植字を行う場合、[ISO10646]にあるほかの文字が必要になることもあるでしょう。以下に[ISO10646]に存在する引用符のいくつかの例を紹介します。
CharacterISO 10646 code (hex)Description
"&#x0022;QUOTATION MARK [the ASCII double quotation mark]
'&#x0027;APOStrOPHE [the ASCII single quotation mark]
&#x2039;SINGLE LEFT-POINTING ANGLE QUOTATION MARK
&#x203A;SINGLE RIGHT-POINTING ANGLE QUOTATION MARK
«&#x00AB;LEFT-POINTING DOUBLE ANGLE QUOTATION MARK
»&#x00BB;RIGHT-POINTING DOUBLE ANGLE QUOTATION MARK
&#x2018;LEFT SINGLE QUOTATION MARK [single high-6]
&#x2019;RIGHT SINGLE QUOTATION MARK [single high-9]
&#x201C;LEFT DOUBLE QUOTATION MARK [double high-6]
&#x201D;RIGHT DOUBLE QUOTATION MARK [double high-9]
&#x201E;DOUBLE LOW-9 QUOTATION MARK [double low-9]
 
関連項目: content | quotes
トップページ CSS2 Note ページトップ
 2005/09/20発行 2009/09/01更新