CSS outline-color property example code tutorial

CSS outline-color example Share / Like

The CSS outline-color property is used to specify the color of an outline. Outlines are somewhat similar to borders, however outlines are drawn on the outside of elements and do not affect the position or size of the element.

CSS CODE EXAMPLE

<!DOCTYPE>
<style type="text/css">
.class1 {
    outline-color: #09F;
    outline-width: 7px;
    outline-style: inset;

    border-color: #F00;
    border-width: 7px;
    border-style: inset;

    padding: 5px;
}
</style>
<p class="class1">my content ...</p>
<p class="class1">my content ...</p>

my content ...

Possible Values:

Invert background
invert
(this inverts the element background color for use as the outline color)

Simple Color Name
red, green, blue, etc...

RGB Color Value
rgb(0,0,255), rgb(0,255,0), rgb(255,0,0), etc...

Hexidecimal Color Value
#FF0, #009900, #0099FF, etc...

Libraries

Videos

Resources

Possible Values: