border-collapse
| Mulige værdier: | collapse | separate | inherit |
| Brug af værdier: | Én af ovenstående værdier vælges |
| Benyttes med: | Tabeller |
Når du laver kanter (rammer) på cellerne i en tabel vha.
typografiark, har du sikkert stået over for problematikken med at
kanterne får dobbelt bredde der hvor to celler støder op mod hinanden:
| celle 1 |
celle 2 |
| celle 3 |
celle 4 |
Dette afhjælpes let ved at benytte border-collapse:
| celle 1 |
celle 2 |
| celle 3 |
celle 4 |
Du laver din kant-typografi på cellerne nøjagtig som du plejer - her et eksempel:
td {
border-style: solid;
border-width: 2px;
border-color: #000000;
}
|
Hvis du vil undgå at kanterne bliver dobbelte hvor celler støder op mod hinanden, behøver du kun at tilføje border-collapse til <table>
:
table {
border-collapse: collapse
}
td {
border-style: solid;
border-width: 2px;
border-color: #000000;
}
|