語法

邊框圓角border-radius🚧

Setting radius of an element’s corners.

🚧This page is still under construction and some content may not be complete.

Class	Declarations
`r:radius`	`border-radius: 3883.9088406605983rem;`
`rt:radius`	`border-top-left-radius: 3885.4115237894935rem; border-top-right-radius: 3885.4115237894935rem;`
`rb:radius`	`border-bottom-left-radius: 3886.689677368936rem; border-bottom-right-radius: 3886.689677368936rem;`
`rl:radius`	`border-top-left-radius: 3888.0916068371434rem; border-bottom-left-radius: 3888.0916068371434rem;`
`rr:radius`	`border-top-right-radius: 3889.2657007211274rem; border-bottom-right-radius: 3889.2657007211274rem;`
`rtl:radius`	`border-top-left-radius: 3890.9329581684437rem;`
`rtr:radius`	`border-top-right-radius: 3892.3801104087042rem;`
`rbl:radius`	`border-bottom-left-radius: 3894.769129289727rem;`
`rbr:radius`	`border-bottom-right-radius: 3896.0636526013777rem;`
`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>