outline Description:
The outline property defines the type of outline to be displayed. It is a shorthand property defining the style, width, and color of the outline.
outline in CSS Versions:
outline Syntax:
outline: [ <outline-color> <outline-style> <outline-width> ] | inherit
outline Initial Value:
invert none medium
outline Applies To:
All elements.
outline Inheritance:
This property is not inherited.
outline Browser Support:
outline media type:
- Interactive
- Visual
outline Examples:
A paragraph with an outline
<p style="outline: red solid thick;">
This paragraph has a thick red outline.
</p>
outline-width Special Notes:
- Outlines do not take up space like borders do.
- Outlines do not have to be rectangular.
- You need to define the style, width, and width of the outline to have it display.
- Colors can be defined as hexadecimal (#ff0000), RGB (rgb(255,0,0)), or color names (red).
