プロパティ名 | 値 | 適用対象 | 継承 |
---|---|---|---|
border-collapse | 枠線の表示形式 | table要素 | 有り |
値 | 説明 | |
---|---|---|
枠線の表示形式 | separate | それぞれのセルごとに表示 |
collapse | 隣接するセルの枠線を重ねて表示(デフォルト) |
border-collapseプロパティは、表の外枠や各セルの枠線を重ねて(単一の線として)表示するか、別々の線として表示するかを指定します。
値には、separate、collapseを指定します。このプロパティは、table, td, th, tr要素に指定して使用します。
値には、separate、collapseを指定します。このプロパティは、table, td, th, tr要素に指定して使用します。
●CSS2では、collapseがデフォルトに指定されていますが、Internet ExplorerやFirefoxでは、border-collapseを指定しないと、separateの状態で表示されます。
サンプルソース
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<style type="text/css">
<!--
table{width:300px;
border:1px solid black;
margin:80px;
}
th,td{border:1px solid red;
color:blue;
font-size:1.1em;
}
.sampl01{border-collapse:collapse;}
.sampl02{border-collapse:separte;}
-->
</style>
</head>
<body>
<table class="sampl01">
<tr><th>県名</th><th>県庁所在地</th><th>旧国名</th></tr>
<tr><td>青森県</td><td>青森市</td><td>陸奥国</td></tr>
<tr><td>岩手県</td><td>盛岡市</td><td>陸奥国</td></tr>
<tr><td>宮城県</td><td>仙台市</td><td>陸前国</td></tr>
<tr><td>秋田県</td><td>秋田市</td><td>羽後国</td></tr>
</table>
<table class="sampl02">
<tr><th>県名</th><th>県庁所在地</th><th>旧国名</th></tr>
<tr><td>青森県</td><td>青森市</td><td>陸奥国</td></tr>
<tr><td>岩手県</td><td>盛岡市</td><td>陸奥国</td></tr>
<tr><td>宮城県</td><td>仙台市</td><td>陸前国</td></tr>
<tr><td>秋田県</td><td>秋田市</td><td>羽後国</td></tr>
</table>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"