quotesプロパティの説明
CSSのquotes
プロパティは、置換要素を使って挿入する引用符の種類を設定します。この機能は、content
プロパティの値にopen-quote
およびclose-quote
が指定されている場合に有効となります。
quotesに指定できる値
none
- 引用符を生成しません。
content
プロパティの値にopen-quote
およびclose-quote
が指定されていても、空になります。 auto
- 要素に設定されている言語にふさわしい引用符を採用します。
[<string> <string>]+
- 開始の引用符と終了の引用符の組を表すリストです。アポストロフィー(
''
)またはダブルクォーテーション(""
)で囲う記法で、open-quote
およびclose-quote
で挿入される記号を定義します。複数の組を指定した場合は、引用符が入れ子になった時の下位階層の記号となります。
quotesの使い方とサンプルコード
quotes
プロパティの構文は以下の通りです。
quotesの実例
それでは実際にquotes
プロパティの書き方を見ていきましょう。quotes
の内容を挿入する箇所は、擬似要素の::before
と::after
で指定します。例えば、引用を表す<q>
タグを用いてその範囲を表します。