Inset Ring Width

Use inset-ring or inset-ring-{N} utilities like inset-ring-2 and inset-ring-4 to add a ring inside an element’s border-box. The default inset-ring width is 1px and any non-negative integer is accepted.

Adding an inset ring

Style('inset-ring ...', child: Text('Subscribe'))
Style('inset-ring-2 ...', child: Text('Subscribe'))
Style('inset-ring-4 ...', child: Text('Subscribe'))

By default inset rings match the currentColor of the element they are applied to.

Class reference

Class	Value
inset-ring	1px
inset-ring-0	0px
inset-ring-1	1px
inset-ring-2	2px
inset-ring-4	4px
inset-ring-8	8px
inset-ring-{N}	Npx (any non-negative integer)