HTMLで<blockquote cite=”some-url”>と書いてあったとして、CSSで
blockquote[cite]:after{ content: "(" attr(cite) "より引用)"; }
と書く(以下参照)。
<blockquote cite="http://www.google.co.jp/"> Gooooogle! </blockquote>
↓
Gooooogle!
するとご覧の通り、”(http://www.google.co.jp/より引用)”と表示される。そこで、思わず
blockquote[cite]:after{ content: "<i>" attr(cite) "よりの引用</i>"; }
とタグを書いてみた。<が<に変換されてしまって、望み通りにはならない。どうしたものか。
<div class="cite"><a href="attr(cite)">attr(cite)</a>から引用</div>
くらいは書きたいものだが。もう少し試行錯誤してみるか…
(追記) 2003-08-22 15:53
リンクは諦めて、スタイル変える程度にしとこうかな。
blockquote[cite]:after{ display: block; font-size: smaller; font-style: italic; text-align: right; content: "(" attr(cite) "より引用)"; }
contentはねぇ、俺も一時期使おうかと思ってたんだけど、IEだと見えないんだよ。俺はOperaだから見えたけど。
ほんとだ、見えないね。まあIE捨て!!ってことで。自分はIE使ってないし、IE7とかで対応してくれるかもしれない。しかも、どうせこんなページ見る奴はみんなMozillaかOperaでしょ。—–