border-collapse

Siden er opdateret 10. 12. 2011

Tabelceller tegnes af browsere default med en lille afstand imellem. Vil man have tabelcellernes borders til at være sammenfaldende, kan dette gøres ved at definere collapse:

table {
border: 1px solid #000;
border-collapse: collapse;
}
td {
border: 1px solid #000;
}
Række 1, celle 1 Række 1, celle 2
Række 2, celle 1 Række 2, celle 2

I tabellen herover er cellevæggene lagt sammen på ovennævnte måde.


Hvis man ikke ønsker, at tabelcellernes vægge skal 'smelte sammen', kan man i stedet definere separate eller helt undlade at definere border-collapse.

table {
border: 1px solid #000;
border-collapse: separate;
}
td {
border: 1px solid #000;
}
Række 1, celle 1 Række 1, celle 2
Række 2, celle 1 Række 2, celle 2

^ Tilbage til sidens top

Valid XHTML og CSS / Copyright © Hjemmesideskolen april 2003
Hjemmesideskolen
Du er her: Forsiden - css - egenskaber - border-collapse
sidens top
Brugere lige nu: 1
Home Mail