How to set Outline Styling in CSS ?
Last Updated :
09 Feb, 2024
The outline-style
property in CSS is specifically used to set the style of an element’s outline. It allows you to define the appearance of the outline, such as whether it should be a solid line, a dashed line, a dotted line, or other styles.
Syntax:
/* Setting the style of the outline */
.element {
outline-style: dashed; /* Example outline style */
}
Preview
Features
The outline-style
property sets the style of the element’s outline in HTML.
- It also accepts values like
none
, solid
, dashed
, dotted
, double, groove, and others.
- Combining
outline-style
with the broader outline
property allows for comprehensive control over the outline’s appearance.
Share your thoughts in the comments
Please Login to comment...