Mettere solo 2 bordi al div

[Braco]

Non riesco a mettere il bordo colorato solo sopra e sotto, cosi lo mette a tutti:

#footer{
width:780px;
height:30px;
border:solid 1px; color:lime;
}

[gabip87]

border:1px solid #999;
border-width:1px 0;

[Braco]

Originariamente inviato da gabip87

border:1px solid #999;
border-width:1px 0;

Funziona, anche se non ho capito "1px 0" eppoi width non vuol dire lunghezza?

[gabip87]

Originariamente inviato da Braco

Funziona, anche se non ho capito "1px 0" eppoi width non vuol dire lunghezza?

width = larghezza.

1px 0 = 1px 0 1px 0;
quindi l'uno va applicato al top e al bottom, mentre lo zero al right e al left.

te l'ho scritto cosi per risparmiare codice. se vuoi puoi scriverlo anche in questo modo:

border:1px solid #999;
border-right:none;
border-left:none;

oppure

border-top:1px solid #999;
border-bottom:1px solid #999;

ma il risultato è lo stesso.

[Braco]

Originariamente inviato da gabip87
width = larghezza.

1px 0 = 1px 0 1px 0;
quindi l'uno va applicato al top e al bottom, mentre lo zero al right e al left.

te l'ho scritto cosi per risparmiare codice. se vuoi puoi scriverlo anche in questo modo:

border:1px solid #999;
border-right:none;
border-left:none;

oppure

border-top:1px solid #999;
border-bottom:1px solid #999;

ma il risultato è lo stesso.

Ho messo cosi, è più intuitivo:

border-top:1px solid; color:#999999;
border-bottom:1px solid; color:#999999;

[gabip87]

Originariamente inviato da Braco
Ho messo cosi, è più intuitivo:

border-top:1px solid; color:#999999;
border-bottom:1px solid; color:#999999;

ma quel color di chi è? se è del border lascialo come sopra..

[Braco]

Originariamente inviato da gabip87
ma quel color di chi è? se è del border lascialo come sopra..

il tuo ha solo 3 numeri invece di 6

[gabip87]

Originariamente inviato da Braco

il tuo ha solo 3 numeri invece di 6

si, ma funziona lo stesso
però non parlavo della forma, ma del posizionamento all'interno del codice..

[Braco]

Originariamente inviato da gabip87
si, ma funziona lo stesso
però non parlavo della forma, ma del posizionamento all'interno del codice..

Ora è cosi:

#footer{
width:780px;
height:30px;
border-top:1px solid; color:#999999;
border-bottom:1px solid; color:#999999;
}