quotesプロパティ

TOPページに戻る > CSS

スポンサード リンク

quotesプロパティ

要素に付ける引用符の種類を指定できます
値の指定方法は、引用符の種類をダブルクォークションの間に記入します
q要素以外にquotesプロパティを使う場合は要素にcontentプロパティの値を引用符を付ける値(open-quote、close-quote)を指定します
※IE6、IE7が未対応。IE8から対応しています

使い方(書式)

セレクタ { quotes: 値; }                                    

quotesプロパティ

対応ブラウザ ie8 ie9 ie10 ie11 google Chrome safari fire fox opera
適用できる要素 全てのhtml要素
子要素へのスタイルの継承 する

プロパティの値 説明
"" 引用符をダブルクォークションの間に記入します(シングルクォークションを使うこともできます)
none 引用符なし

実際の指定方法

.hoge { quotes: "「" "」"; }             /* 引用符を「」に指定 */
.hoge2 { quotes: "「" "」" "『" "』"; }  /* 2階層目の引用符を『』に指定 */

html部分

<q class="hoge">引用符を指定</q>
<p>実際の表示 2階層目の引用符も指定できます</p>
<q class="hoge2">2階層目の<q>引用符</q>も指定</q>

実際の表示

引用符を指定

実際の表示 2階層目の引用符も指定できます

2階層目の引用符も指定



(C)2012 ホームページ作成無料