css - CSSプロパティの境界線-色が機能しない

Question

ボーダーカラーに問題があります。うまくいきませんでした。私はcssに不慣れですここにフィドルがあります。 http://jsfiddle.net/zeburrehman/aFzKy/151/

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

#box {
border-color: red;
}​

Answer 1

デフォルトでは、border-widthis0とborder-styleisnone

border-width:1pxしたがって、それらをとに設定する必要がありborder-style:solidます。以下のように、すべての境界線プロパティを1つに組み合わせることができます。

#box {
    border:1px solid red
}

Answer 2

私はそれが尊重されていないように見える問題を抱えていましたborder-color、混乱してそれはChromeのスタイルインスペクターで正しい色を持っていることさえ示しました（おそらくChromeのバグ）。私にとって重要なことは、省略形の境界線スタイルが指定されている場合、それらが含まれているかどうかに関係なく、境界線スタイルの3つの側面すべてを設定することでした。

border-left: 1px;

含まれていなくても、実際にはborder-left-styleとプロパティの両方を上書きします。border-left-colorこれにより、たとえば、継承されたスタイルがオーバーライドされ、機能していないように見える可能性があります。

Answer 3

#box{
    border:3px solid #aacfac;
    }

これがお役に立てば幸いです。

Answer 4

境界線スタイルを追加する必要があります。

#box {
    border: 1px solid red;
}

Answer 5

これを試してください：border：5px solid red;

Answer 6

赤にも#ff0000（RGB）の16進カラーコードを使用できます。純粋な赤色が必要な場合は、100％赤、0％緑、0％青。

#box {
   border: 2px solid #ff0000;
}