I have tested and it works color of border.
.message { width:750;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
line-height: 16px; text-decoration: none;
background-color: #FFFFFF;
border-color:#FF3300; border:solid; border-width:1; padding:2}
Problem is that it is black border when I put on my web site.
Do you know what can be wrong?Not sure if this is it or not, but I think you need a ; after the padding:2.
Think you also need to specify px after your numbers.Use units:.message { width:750px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
line-height: 16px; text-decoration: none;
background-color: #FFFFFF;
border-color:#FF3300; border:solid; border-width:1px; padding:2px}'border' is so called shorthand.
<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/box.html#propdef-border">http://www.w3.org/TR/REC-CSS2/box.html#propdef-border</a><!-- m -->
"When values are omitted from a shorthand form, each "missing" property is assigned its initial value"
<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/about.html#x0">http://www.w3.org/TR/REC-CSS2/about.html#x0</a><!-- m -->
"If an element's border color is not specified with a border property, user agents must use the value of the element's 'color' property as the computed value for the border color."
<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/box.html#propdef-border-color">http://www.w3.org/TR/REC-CSS2/box.html# ... rder-color</a><!-- m -->
So I guess your text is black.
If you want to use an individual property, in this case border-color, it must be declared after the shorthand property, or it will be nullified again. Most often there is no reason to do anything else than simply use the border property.
selector {border:1px solid #f30 }Thanks I managed, i just put:
.message { width:350px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
line-height: 16px; text-decoration: none;
background-color: #FFFFFF;border:1px solid #FF3300; padding:2px }
and it works,
thanks
.message { width:750;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
line-height: 16px; text-decoration: none;
background-color: #FFFFFF;
border-color:#FF3300; border:solid; border-width:1; padding:2}
Problem is that it is black border when I put on my web site.
Do you know what can be wrong?Not sure if this is it or not, but I think you need a ; after the padding:2.
Think you also need to specify px after your numbers.Use units:.message { width:750px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
line-height: 16px; text-decoration: none;
background-color: #FFFFFF;
border-color:#FF3300; border:solid; border-width:1px; padding:2px}'border' is so called shorthand.
<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/box.html#propdef-border">http://www.w3.org/TR/REC-CSS2/box.html#propdef-border</a><!-- m -->
"When values are omitted from a shorthand form, each "missing" property is assigned its initial value"
<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/about.html#x0">http://www.w3.org/TR/REC-CSS2/about.html#x0</a><!-- m -->
"If an element's border color is not specified with a border property, user agents must use the value of the element's 'color' property as the computed value for the border color."
<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/box.html#propdef-border-color">http://www.w3.org/TR/REC-CSS2/box.html# ... rder-color</a><!-- m -->
So I guess your text is black.
If you want to use an individual property, in this case border-color, it must be declared after the shorthand property, or it will be nullified again. Most often there is no reason to do anything else than simply use the border property.
selector {border:1px solid #f30 }Thanks I managed, i just put:
.message { width:350px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
line-height: 16px; text-decoration: none;
background-color: #FFFFFF;border:1px solid #FF3300; padding:2px }
and it works,
thanks