What does auto
mean when I write:
:focus {
outline: auto 5px -webkit-focus-ring-color
}
It is not documented here and I cannot find documentation elsewhere.
The CSS outline properties allow you to define an outline area around an element's box. An outline is a line that is drawn just outside the border edge of the elements. Outlines are generally used to indicate focus or active states of the elements such as buttons, links, form fields, etc.
An outline is a line around an element. It is displayed around the margin of the element. However, it is different from the border property.
The CSS outline property defines the width, line style, and color of the outline of an element. It is a shorthand property for setting the outline-width, outline-style, and outline-color CSS properties.
outline only makes a line around any element to make it look different from the other elements.it will not give any space. whereas margin will give space around any element.
You're using the shorthand for the outline-*
properties; auto
represents the value for outline-style
and auto
itself means that it's up to the browser to decide what to do based on the context of the element.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With