カスケーディングスタイルシートリファレンス・ ブラウザの種類による対応状況などもプロパティごとに掲載!

CSS −スタイルシートリファレンス− ブラウザの種類による対応状況などもプロパティごとに掲載!

スタイルシートの基礎 CSS
バナーはダウンロード
してお使い下さい。

■  テーブル

table-layout   »» テーブルの表示方法を指定する
caption-side   »» キャプションの位置を指定する
border-collapse   »» 枠線の表示形式を指定
border-spacing   »» セルの間隔を指定する
empty-cells   »» 空セルの枠線の表示方法を指定する

■ border-collapse  枠線の表示形式を指定する

border-collapse:キーワード

キーワード collapse
隣り合うセルの枠線を重ねて表示する
separate
隣り合うセルの枠線を分離させて表示する(デフォルト)

表の外枠やセルの枠線の表示方法を指定します。

 border-collapseプロパティにcollapseを指定することで形式の異なる  枠線が重なった場合の優先順位は下記のようになります。
  1. border-style:noneが指定されたものは優先度がもっとも低い。
  2. border-style:hiddenが指定されたものがもっとも優先される。
  3. none、hidden以外の値が指定されている場合はより幅が太い枠線が指定される。
  4. 太さが同じ場合は、枠線の種類によって以下のような優先度になる。

     double>solid>dashed>dotted>ridge>autoset>groove>inset

  5. border-color(色)だけが異なる場合は、以下のような優先度になる。

     th要素・td要素>tr要素>thead要素・tbody要素・tfoot要素>col要素>colgroup要素>table要素
IE4 IE5 IE5.5 IE6 NN4 NN4.7 N6.2
collapse × × × ×
separate × × × ×
 * Macintosh版IE5は非対応。

LINK

 

◆ このページのTOPへ ◆







Copyright © 2004 − ykr414. All Rights Reserved.