🔳 Tailwind CSS - Outline (Width, Color, Style & Offset)

Outline utilities control the appearance of an element's outline, which is drawn outside the border edge.

Control the width of an element's outline:

• outline-0, outline-1, outline-2, outline-4, outline-8
• outline (2px solid current color)
• outline-none (hide outline)

Control the color of an element's outline:

• Any Tailwind color: outline-blue-500
• Opacity: outline-blue-500/50

Control the style of an element's outline:

• outline-solid
• outline-dashed
• outline-dotted
• outline-double

Control the distance between the outline and the border edge:

• outline-offset-0, outline-offset-1, outline-offset-2, outline-offset-4, outline-offset-8