Index
CSS : テーブルのプロパティ
■border-collapse :: テーブルのセルの線の表示方法
- ●書式
- boeder-collapse : value
・value ... テーブルのセルの表示方法を示す値
- ●設定値
- ・collapse ... 各セルの線を重ねる
・separate ... セルごとにボーダーを表示する
・inherit ... 親要素に依存
*初期値 : ブラウザに依存
*線種競合時の優先順 : hideen,double,solid,dashed,dotted,ridge,outset,groove,inset,none
*要素競合時の優先順 : th・td, thead・tbody・tfoot, col, colgroup, table
*線の太さが競合した場合は、太い方が優先されます。
- ●対象要素
- ・table, tr, thead, tbody, tfoot, col, colgroup の各要素
・子要素への値の適用 : あり
- ●対応状況
・tr, thead, tbody, tfoot, col, colgroupの各要素では、separateは適用されません。IE6.0 IE5.5 IE5.0 NN7.x Safari MacIE5 OP7.x ○ ○ ○ △ ○ × △
・OP7.xでは、collapseを指定した線が非表示になることがあります。
・NN7.xでは、separateを指定した線の表示・非表示が効かないことがあります。
■border-spacing :: テーブルのセルの線の間隔
- ●書式
- boeder-spacing : value
・value ... テーブルのセルの線の上下左右の間隔<
boeder-spacing : value1 value2
・value1 ... テーブルのセルの線の左右の間隔
・value2 ... テーブルのセルの線の上下の間隔
- ●設定値
- ・数値 + 単位(em, ex, px, mm, cm, in, pc, pt）
・inherit ... 親要素に依存
*初期値 : 0
- ●対象要素
- ・table要素
・子要素への値の適用 : あり
- ●対応状況
・border-collapseがcollapseの時は適用されません。IE6.0 IE5.5 IE5.0 NN7.x Safari MacIE5 OP7.x × × × ○ ○ × ○
■empty-cells :: 空のセルの線の表示方法
- ●書式
- empty-cells : value
・value ... セルの線の表示方法を示す値
- ●設定値
- ・show ... 表示
・hide ... 非表示
・inherit ... 親要素に依存
*初期値 : show
- ●対象要素
- ・th要素, td要素
・子要素への値の適用 : あり
- ●対応状況
・border-collapseがcollapseの時は適用されません。IE6.0 IE5.5 IE5.0 NN7.x Safari MacIE5 OP7.x × × × ○ ○ × ○
■table-layout :: テーブルの表示方法
- ●書式
- table-layout : value
・value ... テーブルの表示方法を示す値
- ●設定値
- ・fixed ... 最初の一行の横幅をセル幅に適用
・auto ... すべての行を読み込んでから適切な行のセル幅を適用
・inherit ... 親要素に依存
*初期値 : auto
*一行目のセルにauto以外の値があればそちらが優先
- ●対象要素
- ・table及びその構成要素
・子要素への値の適用 : なし
- ●対応状況
IE6.0 IE5.5 IE5.0 NN7.x Safari MacIE5 OP7.x ○ ○ ○ ○ ○ × ○
www.sasaraan.net
(c) morijoh