The outline-color property sets the color of the outline. Note that the outline-color value invert if not supported, then initial value of color is taken. It is better to use the specific color value for border-outline.
CSS property outline-color
| CSS version: | CSS 2.1 |
| Value: | color | invert | inherit |
| Initial: | invert |
| Applies to: | all elements |
| Inherited: | no |
Example css outline-color
In the following code, CSS property outline-color can be changed to the following values
- lightblue
- red
- orange
<style type="text/css">
div {
width:150px; height:100px;
background-color: lightgray;
border: 4px solid gray;
outline-width: 4px;
outline-style: solid;
outline-color: lightblue;
}
</style>
<div></div>outline-color refresh
