Existem dois modelos distintos para colocar bordas nas células de uma tabela. Para os seleccionar usa-se a propriedade "border-collapse". O valor "separate" selecciona o modelo de bordas separadas. O valor "collapse" selecciona o modelo com bordas coladas (colapsadas).
| Documento XML | folha de estilos CSS | Exemplo de ligação |
|---|---|---|
|
(1)
<AAA> <BBB> <CCC>ccc</CCC> <DDD>ddd</DDD> <EEE>eee</EEE> </BBB> <BBB> <CCC>ccc</CCC> <DDD>ddd</DDD> <EEE>eee</EEE> </BBB> <BBB> <CCC>ccc</CCC> <DDD>ddd</DDD> <EEE>eee</EEE> </BBB> </AAA> | * {padding:1ex; border:solid} AAA {display: table; border-collapse:collapse} BBB {display: table-row;} CCC {display: table-cell;} DDD {display: table-cell;} EEE {display: table-cell;} | Ver resultado |
| Documento XML | folha de estilos CSS | Exemplo de ligação |
|
(2)
<AAA> <BBB> <CCC>ccc</CCC> <DDD>ddd</DDD> <EEE>eee</EEE> </BBB> <BBB> <CCC>ccc</CCC> <DDD>ddd</DDD> <EEE>eee</EEE> </BBB> <BBB> <CCC>ccc</CCC> <DDD>ddd</DDD> <EEE>eee</EEE> </BBB> </AAA> | * {padding:1ex; border:solid} AAA {display: table; border-collapse:separate} BBB {display: table-row;} CCC {display: table-cell;} DDD {display: table-cell;} EEE {display: table-cell;} | Ver resultado |