Theme
- Light
- Dark
Bottom
The right CSS property participates in setting the horizontal position of a positioned element. It has no effect on non-positioned elements.
| Base class | {value} | Property | Property value |
|---|---|---|---|
| |||
0 |
var(--spc-0) | ||
1 |
var(--spc-1) | ||
2 |
var(--spc-2) | ||
3 |
var(--spc-3) | ||
4 |
var(--spc-4) | ||
5 |
var(--spc-5) | ||
6 |
var(--spc-6) | ||
7 |
var(--spc-7) | ||
8 |
var(--spc-8) | ||
9 |
var(--spc-9) | ||
10 |
var(--spc-10) | ||
11 |
var(--spc-11) | ||
12 |
var(--spc-12) | ||
13 |
var(--spc-13) | ||
50pct |
50% | ||
100pct |
100% | ||
at |
auto | ||
ihr |
inherit | ||
us |
unset |
All classes
| Class name | Styles |
|---|---|
_r-0 |
right: var(--spc-0); |
_r-1 |
right: var(--spc-1); |
_r-2 |
right: var(--spc-2); |
_r-3 |
right: var(--spc-3); |
_r-4 |
right: var(--spc-4); |
_r-5 |
right: var(--spc-5); |
_r-6 |
right: var(--spc-6); |
_r-7 |
right: var(--spc-7); |
_r-8 |
right: var(--spc-8); |
_r-9 |
right: var(--spc-9); |
_r-10 |
right: var(--spc-10); |
_r-11 |
right: var(--spc-11); |
_r-12 |
right: var(--spc-12); |
_r-13 |
right: var(--spc-13); |
_r-50pct |
right: 50%; |
_r-100pct |
right: 100%; |
_r-at |
right: auto; |
_r-ihr |
right: inherit; |
_r-us |
right: unset; |