Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is auto outline in Webkit?

Tags:

css

webkit

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.

like image 701
Randomblue Avatar asked Sep 24 '11 11:09

Randomblue


People also ask

What is outline used for in CSS?

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.

What is outline in Javascript?

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.

What does the outline property do?

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.

What is difference between margin and outline?

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.


1 Answers

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.

like image 97
Alex K. Avatar answered Oct 26 '22 09:10

Alex K.