quotes …… 引用符を設定する
広告
quotesプロパティは、
contentプロパティで挿入する引用符を設定する際に使用します。
引用符のペアを複数設定することで、入れ子の階層に応じた引用符を設定することができます。
■値
- 引用符を指定
- 引用の先頭につける開始引用符と、引用の末尾につける終了引用符の二つをペアにして、スペースで区切って指定します。さらにスペースで区切って引用符のペアを指定することで、入れ子の階層の深い引用符を設定することができます。
- none
- contentプロパティで引用符の挿入を指定しても、引用符を表示しません。
■使用例
スタイルシート部分は外部ファイル（sample.css）に記述。
q {quotes: “「” “」” “『” “』”; }
q:before {content: open-quote; }
q:after {content: close-quote; }
HTMLソース
<html>
<head>
<link rel=”stylesheet” href=”sample.css”
type=”text/css”>
</head>
<body>
教科書には<q>ウイリアム・クラーク博士が<q>少年よ大志を抱け</q>と言った</q>と書いてある。
</body>
</html>
↓↓↓
ブラウザ上の表示
教科書にはウイリアム・クラーク博士が
と書いてある。少年よ大志を抱け
と言った
■関連項目
content …… 内容（コンテンツ）を挿入する
quotes …… 引用符を設定する
counter-increment …… 要素の連番（カウンタ）の値を進める
counter-reset …… 要素の連番（カウンタ）の値をリセットする
quotes …… 引用符を設定する
counter-increment …… 要素の連番（カウンタ）の値を進める
counter-reset …… 要素の連番（カウンタ）の値をリセットする
広告