プロパティ名適用対象継承
border-collapse枠線の表示形式table要素有り
  
説明
枠線の表示形式separateそれぞれのセルごとに表示
collapse隣接するセルの枠線を重ねて表示(デフォルト)
border-collapseプロパティは、表の外枠や各セルの枠線を重ねて(単一の線として)表示するか、別々の線として表示するかを指定します。
には、separate、collapseを指定します。このプロパティは、table, td, th, tr要素に指定して使用します。

注意画像 ●CSS2では、collapseがデフォルトに指定されていますが、Internet ExplorerやFirefoxでは、border-collapseを指定しないと、separateの状態で表示されます。

TIPS画像




hilyou_sampl05.gif

サンプルソース
【CSS】 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"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> 【HTML】 <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>