例
テーブルの境界線を折りたたみます：
document.getElementById("myTable").style.borderCollapse = "collapse"; »それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
borderCollapseプロパティセットまたはテーブルの境界線が単一の境界に崩壊するかどうかを返します。
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| borderCollapse | 1.0 | 5.0 | 1.0 | 1.2 | 4.0 |
構文
borderCollapseプロパティを返します：
object .style.borderCollapse
borderCollapseプロパティを設定します。
object .style.borderCollapse="separate|collapse|initial|inherit"
プロパティ値
| 値 | 説明 |
|---|---|
| separate | 別々の境界は、すべてのテーブルセルの要素のために描かれています。 これがデフォルトです |
| collapse | 境界は、表のセル要素間描かれていません |
| initial | このプロパティがデフォルト値に設定します。 最初の記事を読みます |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
技術的な詳細
| デフォルト値： | 別 |
|---|---|
| 戻り値： | テーブルの境界を表す文字列、 |
| CSSのバージョン | CSS2 |
その他の例
例
borderCollapseプロパティを返します：
alert(document.getElementById("myTable").style.borderCollapse);
»それを自分で試してみてください 関連ページ
CSSチュートリアル： CSS表
CSSリファレンス： border-collapse property
<スタイルオブジェクト