border-collapse CSS プロパティとは
トピック：表のセルの枠線を1つの枠内で折りたたんで表示するか、通常通りに区切るかを指定する ことができる
プロパティ border-collapse
実例 コード 1
サンプル コードを試す #webref1 {
border-collapse: separate;
}
#webref2 {
border-collapse: collapse;
}
プロパティ 定義と使用法
| デフォルト値・初期値 : | separate |
|---|
| 適用対象 : | table および inline-table 要素 |
|---|
| 継承 : | 継承する |
|---|
| メディア : | visual |
|---|
| 計算値 : | 指定値 |
|---|
CSS Version | CSS2 |
|---|
| Animation type : | discrete |
|---|
| JavaScript 構文 | object.style.borderCollapse="collapse" |
|---|
| 正規順序 : | 形式文法で定義される一意のあいまいでない順序 |
|---|
| CSSの構文 | border-collapse: separate |collapse |initial |inherit; |
|---|
プロパティ値
| 値 | 説明 |
|---|
separate | 境界線は分離されています。各セルはそれ自身の罫線を表示します。これはデフォルトです。 |
collapse | 可能であれば、枠線は1つの枠線に畳まれています（枠線の間隔や空のセルのプロパティは効果がありません） |
initial | このプロパティをデフォルト値に設定する |
inherit | 親要素からこのプロパティを継承する |
サポートするデスクトップ ブラウザ対応・互換性
| 機能 | Chrome | Firefox | Internet Explorer | Opera | Safari |
|---|
| 基本サポート | 1.0 | 1.0 (1.7 or earlier) | 5.0 | 4.0 | 1.2 (125) |
|---|
サポートするモバイル ブラウザ対応・互換性
| 機能 | Android | Firefox Mobile | IE Phone | Opera Mobile | Safari Mobile |
|---|
| 基本サポート | 不明 | 1.0 (1.9.2) | 不明 | 不明 | 不明 |
|---|
CSS border-collapse | CSS プロパティ 値| 意味 使い方 実例 – WebRef