CSS - outline-offset Property
Description
The outline-offset property is used to specify the space between an outline and the border edge of an element. The space between the outline and the element is transparent.
Possible Values
length − Any valid color value.
initial − Sets the value to an initial value.
inherit − Sets the value to the value of the parent element.
Applies to
All the HTML elements.
DOM Syntax
object.style.outlineOffset = "20px";
Example
Here is the example −
<html> <head> <style> div.example { margin: 20px; border: 2px dotted #000; background-color: #08ff90; outline: 4px solid #666; outline-offset: 10px; } </style> </head> <body> <h2>Outline-offset property</h2> <div class="example">The outline-offset is 10px</div> </body> </html>
Advertisements
To Continue Learning Please Login
Login with Google