2

W3Schoolsは、 CSSquotesプロパティの次の例を示しています。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<style type="text/css">
q:lang(en)
{
quotes: "«" "»" "'" "'";
}
</style>
</head>
<body>

<p><q>This is a <q>big</q> quote.</q></p>
<p><b>Note:</b> IE8 supports the quotes property only if a !DOCTYPE is specified.</p>
</body>
</html>

私の疑問は、プロパティをとquotes以外の要素に使用できるかどうかです。（これを使用して、印刷スタイルシートにリンクを明確に表示したいと思います。）<blockquote><q>

4

2 に答える 2

5

これは公式のW3Cページです：http ：//www.w3.org/TR/CSS21/generate.html#quotes-specify

プロパティはquotesすべての要素に適用できますが、その<q>要素は、デフォルトでそれをサポートする唯一の要素です。
例：

q, span {quotes: "«" "»" "'" "'";}

 

<span>Just a span</span>
<q>and a q</q>

ご覧のとおり（このjsFiddleで）、qのみが引用符を取得します。

ただし、別のスタイルプロパティを使用することもcontentできます。これにより、これらの引用符を使用する要素を指定できます。
例：

q, span {quotes: "«" "»" "'" "'";}
span:before {content:open-quote;}
span:after {content:close-quote;}

 

<span>Just a span</span>
<q>and a q</q>

（このjsFiddleで）スパンにも引用符が付いていることがわかります。

お役に立てれば！

于 2012-04-29T08:31:39.233 に答える
0

IMO番号。blockqotes / q タグ専用です。ただし、簡単に確認できます;）

于 2012-04-29T08:08:40.233 に答える