[CSS]軽快に動作するタブコンテンツを実装するスタイルシート

クロスブラウザ対応の、軽快に動作するタブコンテンツを実装するスタイルシートをCSSplayから紹介します。 Cross browser tabbed pages with embedded links version 2 demo タブで表示される各パネルはリスト要素で実装されており、テキストや画像、リンク要素などを配置できます。 タブの高さは、固定タイプと可変タイプの2種類あり、固定タイプではスクロールバーで領域内に表示します。 また、デフォルトでタブ箇所のみの表示で、マウスをフォーカスするとパネルが表示されるタイプもあります。

[ladybug_1103]

...同ページ内でタブ切り替え

[paranod]

クロスブラウザ対応の、軽快に動作するタブコンテンツを実装するスタイルシート

[RED-8_4]

使ってみよう

[GSOHB7]

これ採用決定！