広告
quotesプロパティは、
contentプロパティで挿入する引用符を設定する際に使用します。
引用符のペアを複数設定することで、入れ子の階層に応じた引用符を設定することができます。
- 引用符を指定
- 引用の先頭につける開始引用符と、引用の末尾につける終了引用符の二つをペアにして、スペースで区切って指定します。さらにスペースで区切って引用符のペアを指定することで、入れ子の階層の深い引用符を設定することができます。
- none
- contentプロパティで引用符の挿入を指定しても、引用符を表示しません。
q {quotes: "「" "」" "『" "』"; }
q:before {content: open-quote; }
q:after {content: close-quote; }
<html>
<head>
<link rel="stylesheet" href="sample.css"
type="text/css">
</head>
<body>
教科書には<q>ウイリアム・クラーク博士が<q>少年よ大志を抱け</q>と言った</q>と書いてある。
</body>
</html>
↓↓↓
教科書にはウイリアム・クラーク博士が少年よ大志を抱け
と言った
と書いてある。
広告