I have issue with border-color. It didn't work. I'm new to css here is the fiddle. http://jsfiddle.net/zeburrehman/aFzKy/151/
<div id="box">
Hello! The color of box border should be red!!
</div>
#box {
border-color: red;
}
I have issue with border-color. It didn't work. I'm new to css here is the fiddle. http://jsfiddle.net/zeburrehman/aFzKy/151/
<div id="box">
Hello! The color of box border should be red!!
</div>
#box {
border-color: red;
}
By default the border-width
is 0
and border-style
is none
So you need to set them to border-width:1px
and border-style:solid
. You can combine all the border properties into one as below:
#box {
border:1px solid red
}
border:1px
from your fiddle. Updated here - jsfiddle.net/aFzKy/153
border:1px
, default values are assigned to border-style and border-color
I had an issue where it seemed that border-color
was not being respected, confusingly it even showed having the right color in the style inspector in Chrome (possibly a Chrome bug). The key thing for me was that if the shorthand border style is specified, it sets all three aspects of the border style, regardless of if they are included or not so:
border-left: 1px;
Actually overwrites both the border-left-style
and border-left-color
properties even though they weren't included. This can for example cause an inherited style to be overridden and appear not to work.
You can use hex color code for red as well, which is #ff0000
(RGB). 100% Red, 0% Green and 0% Blue if you want pure red color.
#box {
border: 2px solid #ff0000;
}
Try this : border: 5px solid red;
width
andstyle
of the border.