CSS引用符プロパティ：任意の要素に使用できますか？ CSSのための

W3Schools showsこの例では、プロパティを引用：CSS引用符プロパティ：任意の要素に使用できますか？ CSSのための

<!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>以外の任意の要素に使用することができますか？（私は印刷スタイルシートにリンクをはっきりと表示したいと思っています）

出典

2012-04-29 its_me

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

quotesプロパティは、すべての要素に適用することができますが、<q>要素がそれをサポートしている唯一の要素である - デフォルトでは、。
例：あなたは（this jsFiddleで）見ることができるように

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

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

、唯一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>

、あなたはスパンが今も引用符を取得すること（this jsFiddleに）表示されます。

希望すると便利です。

出典

2012-04-29 08:31:39

したがって、リンクの前後に文字を追加する場合は、引用符の概念を使用する代わりに、生成されたコンテンツを使用して直接（通常のCSSの警告で）行うことができます。たとえば、 '：link：before、：visited：before {content："→ "; } '。 –

@ JukkaK.Korpela Sure！しかし、 ''引用符 'のコンセプトについての美しい点は、同じ '：before'と'：after'構文を使って、異なる言語に異なる引用符を付けることができることです。例えば、私の言葉では 'q：lang（nl）{quotes： '' '' '' '"、 ""'}} ' –

IMO no。 blockqotes/qタグだけがあります。しかし、あなたは単にそれを確認することができます;）

出典

2012-04-29 08:08:40

CSS引用符プロパティ：任意の要素に使用できますか？ CSSのための

答えて

関連する問題