CSS

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>";
}

とタグを書いてみた。<が&lt;に変換されてしまって、望み通りにはならない。どうしたものか。

<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) "より引用)";
}

コメントはありません

  1. ほんとだ、見えないね。まあIE捨て!!ってことで。自分はIE使ってないし、IE7とかで対応してくれるかもしれない。しかも、どうせこんなページ見る奴はみんなMozillaかOperaでしょ。—–

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です