div borders -> border-collapse

[rey23]

Ciao a tutti,
ho tre div uno sopra all'altro (tipo pila), se ad ogni div metto il bordo completo allora fra il primo e il secondo div e fra il secondo e il terzo div il bordo risulta essere doppio. Come faccio ad evitare questo senza dover specificare per ogni div quali bordi voglio (bottom, top, left, right).
La proprietà border-collapse: collapse; si può usare? Come (le prove fatte non funzionano)?

Grazie,
Mauro

[fcaldera]

<div>..</div>
<div>..</div>
<div class="ultimodiv">..</div>

div {
border: 1px #666 solid;
border-bottom: 0;
}

div.ultimodiv {
border-bottom: 1px #666 solid;
}

[rey23]

Ciao, grazie per la pronta risposta.
Non esiste un metodo generale (pensavo appunto alla proprietà border-collapse) così da evitare, per ogni pagina, di dover procedere come dici?

Grazie

[H5N1_Aviaria]

border-collapse è una proprietà specifica per elementi di tipo table o inline-table.
Non può essere utilizzata per elementi block o inline.

[rey23]

Ma se dovessi creare una pagina abbastanza complessa, composta da vari divs e volessi avere un bordo per ogni div... beh sarebbe alquanto laboriosa la cosa...

Mauro

[H5N1_Aviaria]

Originariamente inviato da fcaldera
<div>..</div>
<div>..</div>
<div class="ultimodiv">..</div>

div {
border: 1px #666 solid;
border-bottom: 0;
}

div.ultimodiv {
border-bottom: 1px #666 solid;
}

A me non sembra affatto laboriosa... la cosa.