トップページ > スタイルシートリファレンス > quotes

★スタイルシートリファレンス

quotes …… 引用符を設定する
Internet Explorer8Internet Explorer9 Netscape6Netscape7Netscape8 Opera6Opera7Opera8Opera9Opera10 Firefox1Firefox2Firefox3Firefox4 Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6
広告

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 …… 要素の連番(カウンタ)の値をリセットする
広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
現役エンジニアのオンライン家庭教師【CodeCamp】
サイトに広告を掲載してお小遣いが稼げる!【A8.net】
Node.jsコース
はじめてのプログラミングコース
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ