monks/outline_style

The outline-style CSS property sets the style of an element’s outline. An outline is a line that is drawn around an element, outside the {{cssxref(“border”)}}.

Values

auto_

</>

pub const auto_: #(String, String)

: Permits the user agent to render a custom outline style.

dashed

</>

pub const dashed: #(String, String)

: The outline is a series of short line segments.

dotted

</>

pub const dotted: #(String, String)

: The outline is a series of dots.

double

</>

pub const double: #(String, String)

: The outline is two single lines. The {{cssxref(“outline-width”)}} is the sum of the two lines and the space between them.

groove

</>

pub const groove: #(String, String)

: The outline looks as though it were carved into the page.

hidden

</>

pub const hidden: #(String, String)

hidden value of outline-style

inherit

</>

pub const inherit: #(String, String)

initial

</>

pub const initial: #(String, String)

inset

</>

pub const inset: #(String, String)

: The outline makes the box look as though it were embedded in the page.

none

</>

pub const none: #(String, String)

: No outline is used. The {{cssxref(“outline-width”)}} is 0.

outset

</>

pub const outset: #(String, String)

: The opposite of inset: the outline makes the box look as though it were coming out of the page.

raw

</>

pub fn raw(value: String) -> #(String, String)

Enter a raw string value for outline-style

revert

</>

pub const revert: #(String, String)

revert_layer

</>

pub const revert_layer: #(String, String)

ridge

</>

pub const ridge: #(String, String)

: The opposite of groove: the outline looks as though it were extruded from the page.

solid

</>

pub const solid: #(String, String)

: The outline is a single line.

unset

</>

pub const unset: #(String, String)

var

</>

pub fn var(variable: String) -> #(String, String)

Enter a variable name to be used for outline-style. It will be wrapped in var() and have -- prepended.