CSSのborder-collapse属性の詳細な分析

例

テーブルにマージされた境界線モデルを設定します:

table
  {  border-collapse:collapse;
  }

この属性を追加しない場合は境界線が太くなり、追加すると境界線が細くなります

.tb_style {
font-size:11px;
color:#333333;
border-width
: 1px;
border-color
: #e5e5e5;
border-collapse: collapse;
}
.tb_style td {
border-width: 1px;
padding: 8px;
border-style
: solid;
border-color: #e5e5e5;
background-color: #ffffff;
}

構文:

border-collapse : separate | collapse

パラメータ:
Separate: 境界線に依存しない (標準 HTML)
rtl: 隣接するエッジがマージされる

説明:
標準 HTML スタイルに従って、テーブルの行とセルのエッジを一緒にマージするか分離するかを設定または取得します。
対応するスクリプト機能は borderCollapse です。私が書いた他の本もご覧ください。

例:

table { border-collapse: separate; }

以上がCSSのborder-collapse属性の詳細な分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。