quotes プロパティ
quotes プロパティは、テキストフラグメントに特定の種類の引用符を指定します。引用符は <q> タグ内のテキストに自動的に追加されます。
構文
セレクタ {
quotes: 左引用符タイプ, 右引用符タイプ または none または inherit;
}
値
| 値 | 説明 |
|---|---|
" |
ダブルクォーテーション。通常、等幅フォントで使用され、インチ記号や秒角の表示にも用いられます。 |
' |
アポストロフィ。分角記号として使われ、ラテン文字では軟音記号として用いられます。 |
« |
開く二重山括弧引用符。 |
» |
閉じる二重山括弧引用符。 |
‘ |
開く一重引用符。 |
’ |
閉じる一重引用符。 |
“ |
英語圏のテキストにおける開くダブルクォーテーション、またはロシア語での閉じる引用符。 |
” |
英語圏のテキストにおける閉じるダブルクォーテーション。 |
„ |
開くダブルクォーテーション。ロシア語で使用されます。 |
none |
引用符を追加しません。 |
inherit |
親要素の値を継承します。 |
例
引用部分に二重山括弧引用符と青系のフォントカラーを設定してみましょう:
<body>
<p>This is a <q>quoted text</q>.</p>
</body>
p {
font-size: 1.5em;
}
q {
font-style: italic;
color: #467CBC;
quotes: '«' '»';
}
: