English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo border-collapse di CSS specifica se i bordi delle celle della tabella devono essere piegati in un singolo bordo o mantenuti separati.
Ci sono due modelli diversi che possono essere impostati sui bordi delle celle della tabella in CSS.
In questo modello, ogni cella della tabella ha un bordo separato.
border-spacingLa distanza tra i confini delle celle adiacenti determinata dall'attributo.
Attenzione:Nel modello di bordo separato, solo le celle (e la tabella stessa) possono avere bordi; le righe, le colonne, i gruppi di righe e i gruppi di colonne non possono.
Nel modello di bordo piegato, le celle della tabella adiacenti condividono i bordi.
Attenzione:Nel modello di bordo piegato, è possibile specificare i bordi totali o parziali delle celle, delle righe, dei gruppi di righe, delle colonne e dei gruppi di colonne.
L'attributo border-collapse seleziona il modello di bordo della tabella. Il valore separate seleziona il modello di bordo separato. Il valore collapse seleziona il modello di bordo piegato.
下表为此属性的用法说明和版本历史记录，以及该属性在javascript脚本中的使用语法。
| 默认值： | 分离 |
|---|---|
| 适用于： | 该表和直列表元素 |
| 继承： | 是 |
| 可动画制作： | 否。请参见 动画属性。 |
| 版本： | CSS 2、3 |
| JavaScript语法： | object object.style.borderCollapse="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属性浏览器的兼容性，下表中的数字表示支持该属性的浏览器最低版本号；所有主流浏览器均支持该属性。
|
警告： 使用border-collapse属性时，请始终使用有效的<!DOCTYPE>，否则可能会产生意外的结果。
参见教程：CSS Border，CSS3 Border。
与表格相关的属性：border-spacing，empty-cells，table-layout。