CSS outline-color Property
 Complete CSS Reference
Example
Set the color of a dotted outline:
p
{
outline-style:dotted;
outline-color:#00ff00;
} |
Try it yourself »
|
Definition and Usage
An outline is a line that is drawn around elements (outside the borders)
to make the element "stand out".
The outline-color property specifies the color of an
outline.
Note: Always declare the outline-style property before the
outline-color property. An element must have an outline before you change the
color of it.
| Default value: |
invert |
| Inherited: |
no |
| Version: |
CSS2 |
| JavaScript syntax: |
object.style.outlineColor="#00FF00" |
Browser Support
The outline-color property is supported in all major browsers.
Note: Internet Explorer 8 (and higher) supports the outline-color
property if a !DOCTYPE is specified.
Property Values
| Value |
Description |
| color_name |
Specifies the outline color with a color name, like red |
| hex_number |
Specifies the outline color with a hex code, like #ff0000 |
| rgb_number |
Specifies the outline color with an RGB code, like rgb(255,0,0) |
| invert |
Performs a color inversion. This ensures that
the outline is visible, regardless of color background.
This is default |
| inherit |
Specifies that the outline color should be inherited
from the parent element |
Related Pages
CSS tutorial: CSS Outline
CSS reference: outline property
HTML DOM reference: outlineColor property
Complete CSS Reference
Click here to design a Stunning Flash Website for Free
Wix is a revolutionary web design tool that provides anyone with the possibility to create professional and beautiful websites for free.
With e-commerce features, search engine visibility and many more professional tools, Wix is the ultimate solution for creating a spectacular site while saving tons of money.
 |
W3Schools' Online Certification Program
The perfect solution for professionals who need to balance work, family, and career building.
More than 4500 certificates already issued!
|
The HTML Certificate documents your knowledge of HTML, XHTML, and CSS.
The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM.
The XML Certificate documents your knowledge of XML, XML DOM and XSLT.
The ASP Certificate documents your knowledge of ASP, SQL, and ADO.
The PHP Certificate documents your knowledge of PHP and SQL (MySQL).
| 
