La proprietà CSS border-collapse
si applica alle sole tabelle. Questo è un peccato, perché questa proprietà sarebbe molto
utile anche in altri contesti, come ad esempio quello dei box flottati adiacenti.
Nel caso dei box flottati i bordi non collassano, quindi siamo costretti ad implementare una soluzione come la seguente:
#wrapper {
margin: 2em auto;
max-width: 600px;
height: 200px;
}
.box {
width: 198px;
height: 198px;
border: 1px solid;
float: left;
}
.collapse {
border-left: none;
padding-left: 1px;
}
Come si può notare si tratta di una soluzione alquanto prolissa. Speriamo che in un prossimo futuro la proprietà border-collapse
venga estesa anche agli altri elementi.