HTMLクイックリファレンス
トップページ HTMLタグ（ABC順） スタイルシート（ABC順） レンタルサーバー比較
優良デザイン HTMLタグ（目的別） スタイルシート（目的別） JavaScript（制作中）
WEBカラー WEB画像 特殊文字 その他．．

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

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

quotes･････引用符を設定する
Netscape6Netscape7 Opera6Opera7Opera8Opera9 Firefox1Firefox2

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･･･････････････要素の連番（カウンタ）の値をリセットする
*印のついたものは、現在のところIEとNNでサポートされていないプロパティです。

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

HTMLクイックリファレンス
トップページ HTMLタグ（ABC順） スタイルシート（ABC順） レンタルサーバー比較
優良デザイン HTMLタグ（目的別） スタイルシート（目的別） JavaScript（制作中）
WEBカラー WEB画像 特殊文字 その他．．
HTMLクイックリファレンスについて
©2008 HTMQ