Esempio
Impostare il collasso modello a bordi di una tabella:
table
{
border-collapse: collapse;
}
Prova tu stesso " Definizione e utilizzo
La proprietà border-collapse imposta se i bordi della tabella vengono compressi in un unico bordo o staccati come in HTML standard.
| Valore di default: | separate |
|---|---|
| Inherited: | yes |
| animatable: | no. Read about animatable |
| Versione: | CSS2 |
| sintassi JavaScript: | object .style.borderCollapse="collapse" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| border-collapse | 1.0 | 5.0 | 1.0 | 1.2 | 4.0 |
Note: ! Se un DOCTYPE non è specificato, la proprietà border-collapse può produrre risultati imprevisti.
CSS Sintassi
border-collapse: separate|collapse|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| separate | Borders sono staccati (empty-cells proprietà border-spacing e non saranno ignorati). Questa è l'impostazione predefinita | Gioca " |
| collapse | I confini sono crollati in un unico bordo quando possibile (border-spacing and empty-cells properties will be ignored) | Gioca " |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
CSS tutorial: Tabella CSS
Di riferimento HTML DOM: borderCollapse property