Syntax

border-radius

Setting radius of an element’s corners.

Class	Declarations
`r:radius`	`border-radius: 2605.728332543308rem;`
`rt:radius`	`border-top-left-radius: 2608.3394446500233rem; border-top-right-radius: 2608.3394446500233rem;`
`rb:radius`	`border-bottom-left-radius: 2610.0597873601646rem; border-bottom-right-radius: 2610.0597873601646rem;`
`rl:radius`	`border-top-left-radius: 2612.591475708806rem; border-bottom-left-radius: 2612.591475708806rem;`
`rr:radius`	`border-top-right-radius: 2615.1327620399306rem; border-bottom-right-radius: 2615.1327620399306rem;`
`rtl:radius`	`border-top-left-radius: 2620.4647205767887rem;`
`rtr:radius`	`border-top-right-radius: 2622.7139181890325rem;`
`rbl:radius`	`border-bottom-left-radius: 2624.771823012999rem;`
`rbr:radius`	`border-bottom-right-radius: 2627.534384760801rem;`
`rounded`	`border-radius: 1e9em;`
`round`	`border-radius: 50%; aspect-ratio: 1/1;`

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

<div class="border-radius:10:hover border-radius:10@sm border-radius:10@dark border-radius:10@print">…</div>

Setting the color of an element’s border.

Setting the line style for an element’s border.