[CSS]リンクの情報をサポートするスタイルシートのテクニック集

Post on:2009年3月17日

sponsors

ファイルタイプごとにアイコンを変更したり、外部リンク・訪問済みリンクのスタイリングなど、リンクの情報をサポートするスタイルシートのテクニックをDesigner Dairy Newsから紹介します。

Add File Type Icons next to your links with CSS
リンクしているファイルのタイプごとにアイコンを表示。

Using CSS 3 selectors to apply link icons
リンク先の言語ごとにアイコンを表示。

Highlight Microformats with CSS
マイクロフォーマットの箇所をハイライト表示。

Simple, accessible external links
CSSオフ時にも配慮した、外部リンクの表記。

Easy CSS Tooltip
スクリプト無しで、スタイルシートで実装するツールチップ。

The ways to style visited links
訪問済みのリンクをスタイリング。