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>
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

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; }