Outline Properties

Outline (shorthand)

The outline property is shorthand for outline-width and outline-color.

/* width | color */
outline: 2px red;

Outline Width

The outline-width property sets the width of a view's outline.

outline-width: 5px;
outline-width: 20%;

Outline Offset

The outline-offset property sets the amount of space between an outline and the edge or border of a view.

/* <length> values */
outline-offset: 3px;

Outline Color

The outline-color property sets the color of a view's outline.

outline-color: red;
outline-color: #566;