HTMLとCSSで作るウェブサイト作成入門
CSS(11)テーブルのスタイル設定
テーブルのスタイルを指定するCSSもあります。テーブルには、デフォルト(初期状態)で、罫線の形状などが指定されていますが、これをCSSで変更することができます。
プロパティ |
項目 |
対象 |
値 |
table-layout |
表の表示方法 |
table要素 |
auto |
データ読み込み後表示 |
fixed |
データ読み込み前表示 |
border-collapse |
境界線の表示方法 |
table要素 |
collapse |
各セルの枠線を重ねる |
separate |
各セルの枠線を分離 |
border-spacing |
境界線の間隔 |
table要素(border-collapse: separateの場合のみ) |
5pxなど |
分離した枠線の間隔 |
empty-cells |
空セルの枠線 |
th要素、td要素 |
show |
空セル枠を表示する |
hide |
空セル枠は表示しない |
caption-side |
表タイトル(caption)
の位置 |
caption要素 |
top |
上に表示 |
bottom |
下に表示 |
left |
左に表示 |
right |
右に表示 |
|
|
|