語法

邊框圓角border-radius

Setting radius of an element’s corners.

Overview

ClassDeclarations
r:radiusborder-radius: 2636.304102555716rem;
rt:radiusborder-top-left-radius: 2638.4440194604967rem; border-top-right-radius: 2638.4440194604967rem;
rb:radiusborder-bottom-left-radius: 2641.1188336476152rem; border-bottom-right-radius: 2641.1188336476152rem;
rl:radiusborder-top-left-radius: 2643.2118070427573rem; border-bottom-left-radius: 2643.2118070427573rem;
rr:radiusborder-top-right-radius: 2645.6509282458533rem; border-bottom-right-radius: 2645.6509282458533rem;
rtl:radiusborder-top-left-radius: 2647.692123359216rem;
rtr:radiusborder-top-right-radius: 2650.45733976827rem;
rbl:radiusborder-bottom-left-radius: 2652.521101191198rem;
rbr:radiusborder-bottom-right-radius: 2655.200896600231rem;
roundedborder-radius: 1e9em;
roundborder-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>

  • Master UI


© 2025 Aoyue Design LLC.MIT License
Trademark Policy