Manuel de référence CSS

Règles CSS @RULES

大全 des attributs CSS

border CSS-属性 color border CSS-bottom-属性 width

border CSS-Méthode d'utilisation et exemples de la propriété collapse

border-La propriété collapse spécifie si les bords des cellules du tableau sont pliés en un seul bord ou séparés normalement.

Il y a deux modèles différents qui peuvent être définis sur les cellules de table en CSS.

Modèle de bord séparé

Dans ce modèle, chaque cellule de table a un bord séparé.

border-spacingDistance entre les bords adjacents des cellules voisines déterminée par les propriétés.

Remarque :Dans le modèle de bord séparé, seules les cellules (et la table elle-même) peuvent avoir des bords ; les lignes, les colonnes, les groupes de lignes et les groupes de colonnes ne peuvent pas.

Modèle de bord superposé

Dans le modèle de bord plié, les cellules de table adjacentes partagent des bords.

Remarque :Dans le modèle de bord plié, il est possible de spécifier les bords entourant les cellules, les lignes, les groupes de lignes, les colonnes et les groupes de colonnes, en totalité ou en partie.

border-属性 collapse 选择表格的边框模型。值 separate 选择分隔的边框模型。值 collapse 选择折叠的边框模型。

下表为此属性的用法说明和版本历史记录，以及该属性在javascript脚本中的使用语法。

默认值：	分离
适用于：	该表和直列表元素
继承：	是
可动画制作：	否。请参见属性动画。
版本：	CSS 2、3
JavaScript语法：	object object.style.borderCollapse="collapse"

border-语法使用 collapse

属性的语法如下：

border-collapse: separate | collapse | initial | inherit

下面的示例演示了如何使用 border-属性 collapse

示例

　　table {
　　　border-collapse: collapse;
　　}
　　th, td {
　　　border:　1px solid black;
　　}

测试看看‹/›

属性值

下表描述了此属性的值。

值	描述
separate	选择分隔的边框模型。这是默认值。
collapse	选择折叠边框模型。border-spacing和empty-cells属性将被忽略。
initial	将此属性设置为其默认值。
inherit	如果指定，则关联元素采用其父元素 border-值属性 collapse

浏览器兼容性

border-属性 collapse 的浏览器兼容性，下表中的数字表示支持该属性的浏览器最低版本号；所有主流浏览器均支持该属性。

	Firefox 1+ Google Chrome1+ Internet Explorer 5+ Apple Safari 1.2+ Opera 4+

警告： 使用border-collapse当设置属性时，请始终使用有效的DOCTYPE，否则可能会产生意外的结果。

进一步阅读

参见教程：CSS Border，CSS3 Border。

属性相关的表：border-spacing，empty-cells，table-layout。

border CSS-属性 color border CSS-bottom-属性 width