hxxk.jp - :before 擬似要素 / :after 擬似要素の活用例

記事データ 投稿者 望月真琴 投稿日時 2004-11-27T15:50+09:00 タグ CSS Firefox IE Opera Safari バグ 概要 hxxk.jp の場合は :before 擬似要素 / :after 擬似要素を随所に活用していますので、その例をいくつか紹介します。 リプライ 3 件のリプライがあります。 :before 擬似要素 / :after 擬似要素の使用例 :before、:afterってcontentプロパティ使って要素の前後にイメージやら文字やらを挿入するのにスゲェ便利だと思うのになぁ、って今仕事しながら思った。 同感です。 というか、 hxxk.jp の場合は随所に活用しており、 CSS の便利さを存分に噛み締めています。 私は e-luck さん ( Lucky bag::blog ) のアイデアのようなフッタ部分の更新には使っていません (

[iwmr]

ブラウザの対応も一緒にまとめ。

[picnicgraphic]

「blockquote 要素に title 属性が指定されていれば、 :before 擬似要素でその内容 ( 主に引用元の title 要素 ) を記述し、また cite 属性が指定されていれば、 :after 擬似要素でその URI を記述するようにしています。」#使い方参考。