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 右に表示

   
 
 
 
SPONSORED LINK


 

SPONSORED LINK