Outline style

Syntax

Class
Properties
outline-auto
outline-style: auto;
outline-solid
outline-style: solid;
outline-dashed
outline-style: dashed;
outline-dotted
outline-style: dotted;
outline-double
outline-style: double;
outline-none
outline-style: none;

Border styles

<div class="t1 w-96 h-96 bg-c-white outline-c-blue outline-solid outline-4"></div>

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
Let the user agent define the outline style.
t1 outline-auto
.t1.outline-auto { outline-style: auto; }
Solid outline.
t1 outline-solid
.t1.outline-solid { outline-style: solid; }
Dashed outline.
t1 outline-dashed
.t1.outline-dashed { outline-style: dashed; }
Dotted outline.
t1 outline-dotted
.t1.outline-dotted { outline-style: dotted; }
Double solid outline.
t1 outline-double
.t1.outline-double { outline-style: double; }
No outline
t1 outline-none
.t1.outline-none { outline-style: none; }