Outline

Syntax

Class
Properties
outline-{width}-{...color}
outline: {width} solid {color};
outline-{width}-{style}-{...color}
outline: {width} {style} {color};

Parameters

value
<length unsigned default-unit=1px>
style
solid | dashed | dotted | double | none
...color
<...color>

Outline widths

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

Outline styles

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

Outline colors

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

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
1px black outline in default solid style.
t1 outline-1-black
.t1.outline-1-black { outline: 1px solid #000000; }
1px dashed black outline.
t1 outline-1-dashed-black
.t1.outline-1-dashed-black { outline: 1px dashed #000000; }