Scholar Repository
Home>Manual>CSS Outline-color Property

CSS Outline-color Property

From http://www.w3schools.com (Copyright Refsnes Data)

CSS outline-color Property


CSS Reference Complete CSS Reference


Definition

An outline is a line that is drawn around elements, outside the border edge, to make the element "stand out". The outline-color property sets the color of the outlines.

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.

Note: Outlines do not take up space, and they do not have to be rectangular.

Inherited: No


JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.

Scripting Syntax: object.style.outlineColor="#00FF00"

In our HTML DOM tutorial you can find more details about the outlineColor property.

In our HTML DOM tutorial you can also find a full Style Object Reference.


Example

button

outline-style: solid;
outline-color: red
}

Possible Values

Value Description
invert Default. Performs a color inversion. This is a trick to ensure the border is visible, regardless of color background
color The color value can be a color name (red), a rgb value (rgb(255,0,0)), or a hex number (#ff0000)

 


Try-It-Yourself Demos

Set the color of an outline
This example demonstrates how to set the color of an outline.


CSS Reference Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)

Home>Manual>CSS Outline-color Property