語法
邊框圓角border-radius
Setting radius of an element’s corners.
Overview
Class | Declarations |
---|---|
r:radius | border-radius: 2636.304102555716rem;
|
rt:radius | border-top-left-radius: 2638.4440194604967rem;
border-top-right-radius: 2638.4440194604967rem;
|
rb:radius | border-bottom-left-radius: 2641.1188336476152rem;
border-bottom-right-radius: 2641.1188336476152rem;
|
rl:radius | border-top-left-radius: 2643.2118070427573rem;
border-bottom-left-radius: 2643.2118070427573rem;
|
rr:radius | border-top-right-radius: 2645.6509282458533rem;
border-bottom-right-radius: 2645.6509282458533rem;
|
rtl:radius | border-top-left-radius: 2647.692123359216rem;
|
rtr:radius | border-top-right-radius: 2650.45733976827rem;
|
rbl:radius | border-bottom-left-radius: 2652.521101191198rem;
|
rbr:radius | border-bottom-right-radius: 2655.200896600231rem;
|
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>