2013-01-04 14 views

risposta

31

Di default il border-width è 0 e border-style è none

quindi è necessario impostare loro di border-width:1px e border-style:solid. È possibile combinare tutte le proprietà del bordo in una sola, come di seguito:

#box { 
    border:1px solid red 
} 
+1

Si prega di controllare .... Qui è aggiornato fiddle. ho impostato separatamente lo stile ma mi ha dato il colore nero dove voglio il colore rosso. http://jsfiddle.net/zeburrehman/aFzKy/152/ –

+2

rimuovi il bordo: 1px dal tuo violino. Aggiornato qui - http://jsfiddle.net/aFzKy/153/ – Ashwin

+0

Grazie mille. Questo ha funzionato .... –

2

è necessario aggiungere lo stile del bordo:

#box { 
    border: 1px solid red; 
} 
2

Prova questo: border: 5px solid red;

+1

Si prega di controllare questo link. Voglio usare solo border-color. Http://jsfiddle.net/zeburrehman/aFzKy/152/ –

+0

Una domanda molto vecchia, ma potrebbe aiutare se qualcuno si trova ad affrontare questo problema. La soluzione è: spostare la proprietà boder-color fino alla fine. https://jsfiddle.net/zeburrehman/aFzKy/152/ – Eduardo

0

Avevo un problema in cui sembrava non essere rispettato lo border-color, che in modo confuso mostrava anche il colore giusto nell'ispettore stile di Chrome (probabilmente un bug di Chrome). La cosa fondamentale per me era che se viene specificato lo stile del bordo stenografia, pone tutti e tre gli aspetti dello stile di confine, a prescindere se sono inclusi o meno così:

border-left: 1px; 

sovrascrive In realtà entrambe le proprietà border-left-style e border-left-color anche se non erano inclusi. Ciò può, ad esempio, far sì che uno stile ereditato venga sovrascritto e non funzioni.