2008-12-09

久しぶりにhtmlcss弄っていて

QタグにCite属性を付ける。Cite属性の内容をCSSの機能で表示させる。

q:after { content : ", " attr(x) }
<q cite="as to 'Pathetic Fallacy' by John Ruskin">to signify any description of inanimate natural objects that ascribes to them human capabilities, sensations, and emotions </q> 

こんな感じにしちゃうと、emotionsasto(ryとなってしまい、思うように引用符が表示されない。

と思って次のようにすると、qを修飾するとき(太文字とかイタリック体にするなど)に、引用符同士で互い違いになってしまう。

q:after { content : '", ' attr(x) }

たとえば、具体的な例として。

q { font-style : italic; }
q:after { content : '", ' attr(cite); font-style: normal }

どうしてもcite要素で書いてcssで表示したい場合は、いかにすれば幸せになれますか?

記事への反応(ブックマークコメント)

ログイン ユーザー登録
ようこそ ゲスト さん