CSS

Cascading Style Sheets quotes property.

quotes

　quotesプロパティとは要素の前後に挿入される、引用符を指定するプロパティです。:before、:after擬似要素と contentプロパティで挿入する引用符を設定する際に、ここで指定された開始引用符、終了引用符が使用されます。引用符のペアを複数設定することで、入れ子の階層に応じた引用符を設定することができます。

初期値

ブラウザに依存

継承

しない

適用可能な要素

すべての要素

値

"string" "string"

引用の先頭につく開始引用符（open-quote）および末尾につく終了引用符（close-quote）を表す string を２つペアにして１つ以上のペアを指定します。最初のペアは、引用符を表示する要素が入れ子になった際の、最上層のものの引用符を表す。以下、順次下位レベルの引用符に対応する。

none

contentプロパティの open-quote および close-quote の値が引用符を表示しません。

auto

選択された用途に設定された言語の値（すなわち、lang属性）で使用される適切な引用符が使用されます。

Sample

基本的な引用符

<q>To be or not to be. That's the question!</q>

.q {
	quotes: "<" ">";
}

.q::before {
	content: open-quote;
}

.q::after {
	content: close-quote;
}

自動引用符

<div lang="fr">
	<q>Ceci est une citation française.</q>
</div>

<div lang="ru">
	<q>Это русская цитата</q>
</div>

<div lang="ja">
	<q>これは日本語の引用符です。</q>
</div>

<div lang="en">
	<q>This is an English quote.</q>
</div>

q {
	quotes: auto;
}