CSS outline-color Properties


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.

CSS Syntax

outline-color: invert|color|initial|inherit;
Property Values Description
invert Performs a color inversion. This ensures that the outline is visible, regardless of color background. This is default
color Specifies the color of the outline. Look at CSS Color Values for a complete list of possible color values.
initial Sets this property to its default value.
inherit Inherits this property from its parent element.

Example

<html>
     <head>
        <style type="text/css">
          p {
          outline-style: dotted;
          outline-color: #000;
           }
         </style>
        </head>
        <body>
        <p>Welcom To CSS Tutorial</p>
     </body>
    </html>
Output

Welcom To CSS Tutorial


Share this article on