css border-collapse プロパティ
翻訳結果:
border
UK[ˈbɔ:də(r)] US[ˈbɔ:rdə(r)]
n.ボーダー; エッジ; エッジ; ラッピング エッジ
vt.& vi....の端でバインド...
vt. の端に沿って、囲む...、端...
vi . 近似、隣接
#collapse
##UK[kəˈlæps] US[kəˈlæps] vi. 崩壊; 崩壊; 折りたたむ; (特に一生懸命働いた後) ) 座りますvt. 崩壊する; 崩壊する; 崩壊するn. 崩壊する; (身体) 衰弱css border-collapse プロパティ構文
関数:border-collapse 属性は、テーブルの境界線を 1 つの境界線に結合するか、標準 HTML のように個別に表示するかを設定します。
説明: 別個のデフォルト値。国境は分離されます。 border-spacing プロパティと empty-cells プロパティは無視されません。可能であれば、境界線を折りたたむと単一の境界線が結合されます。 border-spacing プロパティと empty-cells プロパティは無視されます。継承は、border-collapse 属性の値が親要素から継承される必要があることを指定します。
注: すべての主要なブラウザは、border-collapse 属性をサポートしています。属性値「inherit」は、Internet Explorer (IE8 を含む) のどのバージョンでもサポートされていません。 !DOCTYPE が指定されていない場合、border-collapse によって予期しない結果が生じる可能性があります。
css border-collapse プロパティ例
<!DOCTYPE> <html> <head> <style type="text/css"> table { border-collapse:collapse; } table, td, th { border:1px solid black; } </style> </head> <body> <table> <tr> <th>Firstname</th> <th>Lastname</th> </tr> <tr> <td>Bill</td> <td>Gates</td> </tr> <tr> <td>Steven</td> <td>Jobs</td> </tr> </table> <p><b>注释:</b>如果没有规定 !DOCTYPE,border-collapse 属性可能会引起意想不到的错误。</p> </body> </html>
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します