HTMLでと書いてあったとして、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) "より引用)";
}