web-dev-qa-db-fra.com

Propriété CSS Border-Color ne fonctionne pas

J'ai un problème avec border-color. Ça n'a pas marché. Je suis nouveau sur css, voici le violon. http://jsfiddle.net/zeburrehman/aFzKy/151/

<div id="box">
Hello! The color of box border should be red!!
</div>​

#box {
border-color: red;
}​
cssborder
15
Zeb-ur-Rehman

Par défaut, border-width est 0 et border-style est none

Vous devez donc les définir sur border-width:1px et border-style:solid. Vous pouvez combiner toutes les propriétés de la bordure en une comme ci-dessous:

#box {
    border:1px solid red
}
40
Ashwin

Vous devez ajouter le style de bordure:

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

Essayez ceci: Border: 5px solid red;

2
Tanky

J'ai eu un problème où il semblait que border-color n'était pas respecté, ce qui a créé une confusion: il a même été montré qu'il avait la bonne couleur dans l'inspecteur de style de Chrome (éventuellement un bogue Chrome). L'essentiel pour moi était que si le style de bordure abrégé est spécifié, il définit les trois aspects du style de bordure, qu'ils soient inclus ou non:

border-left: 1px;

En réalité, écrase les propriétés border-left-style et border-left-color même si elles n'étaient pas incluses. Cela peut entraîner, par exemple, le remplacement d’un style hérité qui semble ne pas fonctionner.

0
Shaun