quotesプロパティ

　quotesプロパティは、<q>エレメントの引用符を定義するプロパティです。

　設定されたエレメント内の<q>エレメントに反映されます。

　引用符""、''、「」などを設定することができます。擬似エレメント::beforeや::afterにcontentプロパティを合わせて使います。

　引用符は入れ子にするこｔができ、２つ目まで定義できます。

p{
	quotes: "「" "」";
}
q::before{
	content: open-quote;
}
q::after{
	content: close-quote;
}

構文(Syntax)

CSS

quotes: none | [ string string ] | initial | inherit;

DOM(JavaScript)

String = object.style.quotes;

object.style.quotes="none | [ string string ] | initial | inherit";

値（Values）

　引用符は入れ子が２つ目まで定義できます。２つ目まで定義するには、string string string stringと任意の文字を４つ並べます。 1番目と2番目が第１引用符のopen-quoteとclose-quote、3番目と4番目が入れ子になる引用符のopen-quoteとclose-quoteになります。

備考（Remarks）

Example

quotesの例です。エレメントにquotesプロパティを指定すると<q>で引用符が付加されます。

　ここでは引用符は付加されたところが分かりやすいように<q>エレメントを太字で表示していています。

関連（Related）

　HTML、CSS、DOMのテキスト、フォント、編集用途の一覧です。