ホームページ  >  記事  >  ウェブフロントエンド  >  CSS プロパティ テーブルのボーダーと折りたたみボーダーの結合

CSS プロパティ テーブルのボーダーと折りたたみボーダーの結合

高洛峰
高洛峰オリジナル
2016-10-09 16:21:191150ブラウズ

説明

この 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


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。