HTML-LABS : CSS（スタイルシート）解説 - 引用符の記号の指定 : quotes

Home / 要素の直前・直後に文字列や画像を表示する設定 / 引用符の記号の指定 : quotes

引用符の記号の指定 : quotes

::: 書式 :::

・引用符の記号設定
　　q{ quotes: "引用部分の前につける記号" "引用部分の後につける記号" }

・引用符の開始位置の設定
　　q:before{ content: open-quote }

・引用符の終了位置の設定
　　q:after{ content: close-quote }

::: 解説 :::

「quotes」プロパティで、引用文を示すq要素の前後に付ける引用符の記号を指定します。

::: 対応ブラウザ :::

IE					Firefox					Opera					Chrome		Safari
8	7	6	5.5	5	3.5	3	2	1.5	1	10	9	8	7	6	2	1	4	3	2	1
○	×	×	×	×	○	○	○	○	△	○	○	○	○	○	×	×	×	×	×	×

[ 対応状況 : ○=対応、△=一部対応、×=未対応 ]

::: サンプル :::　[ サンプル画面

]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>スタイルシート(CSS) = 引用符の記号の指定 =</title>

<style type="text/css">
<!--
q{ quotes: "【" "】" }
q:before{ content: open-quote }
q:after{ content: close-quote }
-->
</style>

</head>
<body>
    スタイルシート(CSS) = 引用符の記号の指定 =
    <p>スタイルシートで<q>引用符の記号</q>を指定</p>
</body>
</html>


	関連項目

	CSSの基本 CSS機能別プロパティ一覧 CSSインデックス要素の直前・直後に文字列や画像を表示する設定 :before :after content quotes