|
HTML HTML5 HTMLタグ スマートフォン |
CSS CSSプロパティ CSS・HTML便利ツール |
HTML色見本 配色組み合わせツール 特殊文字 |
JAVA Android |
PHP Smarty修飾子 EXCEL |
WEB技術の辞書・解説・使用例
<q>タグなどの引用符を用いるタグ以外に、引用符を設定する場合はcontentプロパティで設定してください。
書式
quotes: "1番目の開始引用符" "1番目の終了引用符" "2番目の開始引用符" "2番目の終了引用符" ... ;(例) quotes: "「" "」" "『" "』";
パラメーター
引用符を指定開始と終了の引用符の二つをペアにして指定します。
ペアを複数設定することで、入れ子の引用符を設定。
none引用符を表示しない。
Qタグでの標準時のサンプル
<q>あいうえお<q>あいうえお</q></q>＊<Q>タグについてはこちら
あいうえおあいうえお
Qタグに引用符を設定
●CSSの定義.test1 q {quotes: "「" "」" "『" "』"; }
.test1 q:before {content: open-quote; }
.test1 q:after {content: close-quote; }
●HTML
<div class="test1">
<q>あいうえお<q>あいうえお</q></q>
</div>
あいうえおあいうえお
SPANタグでのサンプル(表示されない)
●CSSの定義.test2 span {quotes: "(" ")" "{" "}" "[" "]"; }
●HTML
<span>あいうえお<span>かきくけこ</span></q>
あいうえおかきくけこ
SPANタグでのサンプル(表示させる)
●CSSの定義.test3 span {quotes: "(" ")" "{" "}" "[" "]"; }
.test3 span:before {content: open-quote; }
.test3 span:after {content: close-quote; }
●HTML
<div class="test3">
<span>あいうえお<span>かきくけこ<span>さしすせそ</span></span></span>
</div>
あいうえおかきくけこさしすせそ