Tableの使い方

table

<table>
Zurb Foundationのtableクラス
クラス説明
hover マウスカーソルを乗せた行の色を変える
unstriped 1行おきに行の色を変えない
stackスタック可能
table-scroll 水平方向にスクロールできるテーブル
クラス説明

.hover

Zurb Foundationのtableクラス
クラス説明
hover マウスカーソルを乗せた行の色を変える
unstriped 1行おきに行の色を変えない
stackスタック可能
table-scroll 水平方向にスクロールできるテーブル
クラス説明

.unstriped

Zurb Foundationのtableクラス
クラス説明
hover マウスカーソルを乗せた行の色を変える
unstriped 1行おきに行の色を変えない
stackスタック可能
table-scroll 水平方向にスクロールできるテーブル
クラス説明

.stack

tableタグにstackクラスを指定すると、スタック可能なテーブルになります。

スタック可能なテーブルは、画面幅が狭いときにセルを水平方向ではなく、垂直方向に並べます。

<table class="stack">
Zurb Foundationのtableクラス
クラス説明
hover マウスカーソルを乗せた行の色を変える
unstriped 1行おきに行の色を変えない
stackスタック可能
table-scroll 水平方向にスクロールできるテーブル
クラス説明

Tweet このエントリーをはてなブックマークに追加