CSS: perché la proprietà border-collapse dovrebbe essere estesa a tutti gli elementi

CSS: perché la proprietà border-collapse dovrebbe essere estesa a tutti gli elementi

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.

Torna su