Bordo CSS su tre lati

Question

Se voglio avere un bordo sui tre lati, devo dichiarare il bordo per ogni lato es.

border-left:1px solid green; 
border-bottom:1px solid green; 
border-right:1px solid green; 

o c'è qualche modo di scelta rapida?

Answer 1

border: 1px solid green; 
border-top: 0; 

Answer 2

Beh, c'è un po ' via più breve - ma non è quello che si dice una scorciatoia ...

border: 1px solid green; 
border-top: 0; 

Oppure si poteva dichiarare elementi parziali che permetterebbero per chiarezza:

border-color: green; 
border-style: solid; 
border-width: 0 1px 1px 1px; 

Answer 3

border:1px solid green; 
border-top: none; 

Nota: non lo farei personalmente; potrebbe essere fonte di confusione per chi lo legge e non c'è davvero bisogno. Sebbene il modo originale implichi la ripetizione, è minimo.

Answer 4

questo è un po 'più corto e fa lo stesso:

border:1px solid green; 
border-top:0; 

Answer 5

Non è necessario dichiarare il border-top style e poi ignorarlo:

border: 1px green; 
border-style: none solid solid;