quotes プロパティ

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

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

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

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

引用符"「"、"」"の定義

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

詳しくは Example を参照してください

ページ内 Index

構文（Syntax）
値（Values）
備考（Remarks）
Example

構文(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になります。

Value	摘要
none	初期値（default値）
string string	任意の文字列、第１引数がopen-quote、第二引数がclose-quote
initial	初期値に戻す
inherit	親エレメントのプロパティを継承

備考（Remarks）


初期値（Default value）
継承（Inherited）	Yes
CSS Animation	No

Example

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

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