ホームページ > 記事 > ウェブフロントエンド > CSS プロパティ テーブルのボーダーと折りたたみボーダーの結合
説明
この CSS プロパティは、テーブルの行と列の境界線を 1 つの境界線に結合するか、
別々の境界線を持つかを設定するために使用されます。境界線は結合されず、分離されます。
境界線を統合します。つまり、それらが隣接している場合、それらは同じ境界線を共有します。
DIV+CSSの時代になり、テーブルの比重はどんどん低くなってきていますが、それでもローカルテーブルがとても役に立つ場合があります
特に集計ではテーブルの方が便利です。
もちろん集計には枠線が必須ですが、tdに直接枠線を追加すると表の外側が全周一重線、内側が二重線という状況が発生します。
他の個別の設定を通じてすべての単一行を実現することもできますが、ここでは CSS が提供する border-collapse 属性を使用して、接続された境界線の結合または分離を制御します
CSS コード
<style> <!-- table{ width:300px; border-collapse:collapse; overflow:hidden;} tr{ white-space:0;} td{ height:30px; border:#333333 solid 1px;}--> <style>
<table border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td>index</td> <td>index</td> <td>index</td> </tr> <tr> <td>index</td> <td>index</td> <td>index</td> </tr> <tr> <td>index</td> <td>index</td> <td>index</td> </tr> </tbody> </table>
参考資料:
http://www.manongjc.com/article/1211.html
http://www.manongjc.com/article/1212.html