Esempio
Comprimi il bordo della tabella:
document.getElementById("myTable").style.borderCollapse = "collapse"; Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
Gli insiemi di proprietà borderCollapse o ritorni se il bordo della tabella dovrebbe essere ridotte in una singola bordo o no.
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| borderCollapse | 1.0 | 5.0 | 1.0 | 1.2 | 4.0 |
Sintassi
Restituire la proprietà borderCollapse:
object .style.borderCollapse
Impostare la proprietà borderCollapse:
object .style.borderCollapse="separate|collapse|initial|inherit"
I valori delle proprietà
| Valore | Descrizione |
|---|---|
| separate | confini separati sono disegnate per tutti gli elementi di cella tabella. Questa è l'impostazione predefinita |
| collapse | Bordi non sono disegnate tra elementi di cella tabella |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Dettagli tecnici
| Valore di default: | separato |
|---|---|
| Valore di ritorno: | A String, che rappresenta i confini di una tabella |
| CSS Version | CSS2 |
Altri esempi
Esempio
Restituire la proprietà borderCollapse:
alert(document.getElementById("myTable").style.borderCollapse);
Prova tu stesso " Pagine correlate
CSS tutorial: Tabella CSS
Di riferimento CSS: border-collapse property
<Stile di oggetto