Shorthands
How NibCSS shorthands are formed, the ones you will use every day, and multi-property shorthands.
1 min readv1
A shorthand is a short name for a CSS property. There are about 290 built in, and they follow a few predictable patterns — learn the patterns, not the list.
The patterns#
Pattern | Examples |
|---|---|
First letters of each word |
|
Word stem + side |
|
Axis |
|
|
|
|
|
|
|
|
|
The 30 you will use most#
Text
Spacing p px py pt pr pb pl m mx my mt mr mb ml g
Sizing w h mxw mnw mxh mnh
Layout d pos t r b l z ovf
Flex/Grid flx flxd flxw jsc ali gtc
Colour bgc cl bdc opc
Border bd bdrd
Type fts ftw lh txa
Effects bxsh ts tf curMulti-property shorthands#
Some shorthands set two properties at once:
Shorthand | Sets |
|---|---|
|
|
| the matching pair |
HTML
mx=auto centres me
<div nib="w=200px; mx=auto; py=12px; txa=center; bdrd=8px; bgc=#EEEFFE; cl=#312e81">mx=auto centres me</div>Your own shorthands#
Add or override shorthands in the config. The value is one property, or several separated by spaces:
TypeScript
export default defineConfig({
shortcuts: {
size: "width height", // size=40px → width + height
tap: "-webkit-tap-highlight-color",
},
});Or just write the property#
You never have to use a shorthand. Any real CSS property is accepted as-is, which is handy for rare ones:
HTML
<input nib="caret-color=#4F52D9; accent-color=#4F52D9">
<div nib="scroll-snap-type=x mandatory; overscroll-behavior=contain">The full list#
Search by shorthand, property or description:
Showing 293 of 293 utilities
| Shorthand | CSS Property | Category | Description / Example | Action |
|---|---|---|---|---|
bg | background | backgrounds | Sets the `background` CSS property. e.g. bg=16px | |
bga | background-attachment | backgrounds | Sets the `background-attachment` CSS property. e.g. bga=16px | |
bgb | background-blend-mode | backgrounds | Sets the `background-blend-mode` CSS property. e.g. bgb=16px | |
bgc | background-color | backgrounds | Sets the `background-color` CSS property. e.g. bgc=#4f46e5 | |
bgi | background-image | backgrounds | Sets the `background-image` CSS property. e.g. bgi=16px | |
bgl | background-clip | backgrounds | Sets the `background-clip` CSS property. e.g. bgl=16px | |
bgo | background-origin | backgrounds | Sets the `background-origin` CSS property. e.g. bgo=16px | |
bgp | background-position | backgrounds | Sets the `background-position` CSS property. e.g. bgp=16px | |
bgpx | background-position-x | backgrounds | Sets the `background-position-x` CSS property. e.g. bgpx=16px | |
bgpy | background-position-y | backgrounds | Sets the `background-position-y` CSS property. e.g. bgpy=16px | |
bgr | background-repeat | backgrounds | Sets the `background-repeat` CSS property. e.g. bgr=16px | |
bgs | background-size | backgrounds | Sets the `background-size` CSS property. e.g. bgs=16px | |
bd | border | borders | Sets the `border` CSS property. e.g. bd=16px | |
bdb | border-bottom | borders | Sets the `border-bottom` CSS property. e.g. bdb=16px | |
bdbc | border-bottom-color | borders | Sets the `border-bottom-color` CSS property. e.g. bdbc=#4f46e5 | |
bdbs | border-bottom-style | borders | Sets the `border-bottom-style` CSS property. e.g. bdbs=16px | |
bdbw | border-bottom-width | borders | Sets the `border-bottom-width` CSS property. e.g. bdbw=16px | |
bdc | border-color | borders | Sets the `border-color` CSS property. e.g. bdc=#4f46e5 | |
bdi | border-image | borders | Sets the `border-image` CSS property. e.g. bdi=16px | |
bdio | border-image-outset | borders | Sets the `border-image-outset` CSS property. e.g. bdio=16px | |
bdir | border-image-repeat | borders | Sets the `border-image-repeat` CSS property. e.g. bdir=16px | |
bdis | border-image-source | borders | Sets the `border-image-source` CSS property. e.g. bdis=16px | |
bdisl | border-image-slice | borders | Sets the `border-image-slice` CSS property. e.g. bdisl=16px | |
bdiw | border-image-width | borders | Sets the `border-image-width` CSS property. e.g. bdiw=16px | |
bdl | border-left | borders | Sets the `border-left` CSS property. e.g. bdl=16px | |
bdlc | border-left-color | borders | Sets the `border-left-color` CSS property. e.g. bdlc=#4f46e5 | |
bdls | border-left-style | borders | Sets the `border-left-style` CSS property. e.g. bdls=16px | |
bdlw | border-left-width | borders | Sets the `border-left-width` CSS property. e.g. bdlw=16px | |
bdr | border-right | borders | Sets the `border-right` CSS property. e.g. bdr=16px | |
bdrc | border-right-color | borders | Sets the `border-right-color` CSS property. e.g. bdrc=#4f46e5 | |
bdrd | border-radius | borders | Sets the `border-radius` CSS property. e.g. bdrd=16px | |
bdrdbl | border-bottom-left-radius | borders | Sets the `border-bottom-left-radius` CSS property. e.g. bdrdbl=16px | |
bdrdbr | border-bottom-right-radius | borders | Sets the `border-bottom-right-radius` CSS property. e.g. bdrdbr=16px | |
bdrdtl | border-top-left-radius | borders | Sets the `border-top-left-radius` CSS property. e.g. bdrdtl=16px | |
bdrdtr | border-top-right-radius | borders | Sets the `border-top-right-radius` CSS property. e.g. bdrdtr=16px | |
bdrs | border-right-style | borders | Sets the `border-right-style` CSS property. e.g. bdrs=16px | |
bdrw | border-right-width | borders | Sets the `border-right-width` CSS property. e.g. bdrw=16px | |
bds | border-style | borders | Sets the `border-style` CSS property. e.g. bds=16px | |
bdt | border-top | borders | Sets the `border-top` CSS property. e.g. bdt=16px | |
bdtc | border-top-color | borders | Sets the `border-top-color` CSS property. e.g. bdtc=#4f46e5 | |
bdts | border-top-style | borders | Sets the `border-top-style` CSS property. e.g. bdts=16px | |
bdtw | border-top-width | borders | Sets the `border-top-width` CSS property. e.g. bdtw=16px | |
bdw | border-width | borders | Sets the `border-width` CSS property. e.g. bdw=16px | |
otl | outline | borders | Sets the `outline` CSS property. e.g. otl=16px | |
otlc | outline-color | borders | Sets the `outline-color` CSS property. e.g. otlc=#4f46e5 | |
otlo | outline-offset | borders | Sets the `outline-offset` CSS property. e.g. otlo=16px | |
otls | outline-style | borders | Sets the `outline-style` CSS property. e.g. otls=16px | |
otlw | outline-width | borders | Sets the `outline-width` CSS property. e.g. otlw=16px | |
bdf | backdrop-filter | effects | Sets the `backdrop-filter` CSS property. e.g. bdf=16px | |
bxsh | box-shadow | effects | Sets the `box-shadow` CSS property. e.g. bxsh=16px | |
clip | clip | effects | Sets the `clip` CSS property. e.g. clip=16px | |
clp | clip-path | effects | Sets the `clip-path` CSS property. e.g. clp=16px | |
flt | filter | effects | Sets the `filter` CSS property. e.g. flt=16px | |
imgo | image-orientation | effects | Sets the `image-orientation` CSS property. e.g. imgo=16px | |
imgr | image-rendering | effects | Sets the `image-rendering` CSS property. e.g. imgr=16px | |
mix | mix-blend-mode | effects | Sets the `mix-blend-mode` CSS property. e.g. mix=16px | |
msk | mask | effects | Sets the `mask` CSS property. e.g. msk=16px | |
mskc | mask-clip | effects | Sets the `mask-clip` CSS property. e.g. mskc=16px | |
mskcmp | mask-composite | effects | Sets the `mask-composite` CSS property. e.g. mskcmp=16px | |
mski | mask-image | effects | Sets the `mask-image` CSS property. e.g. mski=16px | |
mskm | mask-mode | effects | Sets the `mask-mode` CSS property. e.g. mskm=16px | |
msko | mask-origin | effects | Sets the `mask-origin` CSS property. e.g. msko=16px | |
mskp | mask-position | effects | Sets the `mask-position` CSS property. e.g. mskp=16px | |
mskr | mask-repeat | effects | Sets the `mask-repeat` CSS property. e.g. mskr=16px | |
msks | mask-size | effects | Sets the `mask-size` CSS property. e.g. msks=16px | |
mskt | mask-type | effects | Sets the `mask-type` CSS property. e.g. mskt=16px | |
opc | opacity | effects | Sets the `opacity` CSS property. e.g. opc=16px | |
shp | shape-outside | effects | Sets the `shape-outside` CSS property. e.g. shp=16px | |
shpm | shape-margin | effects | Sets the `shape-margin` CSS property. e.g. shpm=16px | |
alc | align-content | flexbox | Sets the `align-content` CSS property. e.g. alc=16px | |
ali | align-items | flexbox | Sets the `align-items` CSS property. e.g. ali=16px | |
als | align-self | flexbox | Sets the `align-self` CSS property. e.g. als=16px | |
cg | column-gap | flexbox | Sets the `column-gap` CSS property. e.g. cg=16px | |
flb | flex-basis | flexbox | Sets the `flex-basis` CSS property. e.g. flb=16px | |
flf | flex-flow | flexbox | Sets the `flex-flow` CSS property. e.g. flf=16px | |
flg | flex-grow | flexbox | Sets the `flex-grow` CSS property. e.g. flg=16px | |
fls | flex-shrink | flexbox | Sets the `flex-shrink` CSS property. e.g. fls=16px | |
flx | flex | flexbox | Sets the `flex` CSS property. e.g. flx=16px | |
flxd | flex-direction | flexbox | Sets the `flex-direction` CSS property. e.g. flxd=16px | |
flxw | flex-wrap | flexbox | Sets the `flex-wrap` CSS property. e.g. flxw=16px | |
g | gap | flexbox | Sets the `gap` CSS property. e.g. g=16px | |
jsc | justify-content | flexbox | Sets the `justify-content` CSS property. e.g. jsc=16px | |
ord | order | flexbox | Sets the `order` CSS property. e.g. ord=16px | |
rg | row-gap | flexbox | Sets the `row-gap` CSS property. e.g. rg=16px | |
gac | grid-auto-columns | grid | Sets the `grid-auto-columns` CSS property. e.g. gac=16px | |
gaf | grid-auto-flow | grid | Sets the `grid-auto-flow` CSS property. e.g. gaf=16px | |
gar | grid-auto-rows | grid | Sets the `grid-auto-rows` CSS property. e.g. gar=16px | |
gc | grid-column | grid | Sets the `grid-column` CSS property. e.g. gc=16px | |
gce | grid-column-end | grid | Sets the `grid-column-end` CSS property. e.g. gce=16px | |
gcs | grid-column-start | grid | Sets the `grid-column-start` CSS property. e.g. gcs=16px | |
gr | grid | grid | Sets the `grid` CSS property. e.g. gr=16px | |
gre | grid-row-end | grid | Sets the `grid-row-end` CSS property. e.g. gre=16px | |
grs | grid-row-start | grid | Sets the `grid-row-start` CSS property. e.g. grs=16px | |
grw | grid-row | grid | Sets the `grid-row` CSS property. e.g. grw=16px | |
gta | grid-template-areas | grid | Sets the `grid-template-areas` CSS property. e.g. gta=16px | |
gtc | grid-template-columns | grid | Sets the `grid-template-columns` CSS property. e.g. gtc=16px | |
gtr | grid-template-rows | grid | Sets the `grid-template-rows` CSS property. e.g. gtr=16px | |
jsi | justify-items | grid | Sets the `justify-items` CSS property. e.g. jsi=16px | |
jss | justify-self | grid | Sets the `justify-self` CSS property. e.g. jss=16px | |
plc | place-content | grid | Sets the `place-content` CSS property. e.g. plc=16px | |
pli | place-items | grid | Sets the `place-items` CSS property. e.g. pli=16px | |
pls | place-self | grid | Sets the `place-self` CSS property. e.g. pls=16px | |
acc | accent-color | interactivity | Sets the `accent-color` CSS property. e.g. acc=#4f46e5 | |
all | all | interactivity | Sets the `all` CSS property. e.g. all=16px | |
ap | appearance | interactivity | Sets the `appearance` CSS property. e.g. ap=16px | |
crt | caret | interactivity | Sets the `caret` CSS property. e.g. crt=16px | |
crtc | caret-color | interactivity | Sets the `caret-color` CSS property. e.g. crtc=#4f46e5 | |
cur | cursor | interactivity | Sets the `cursor` CSS property. e.g. cur=16px | |
fct | forced-color-adjust | interactivity | Sets the `forced-color-adjust` CSS property. e.g. fct=#4f46e5 | |
pe | pointer-events | interactivity | Sets the `pointer-events` CSS property. e.g. pe=16px | |
pnto | paint-order | interactivity | Sets the `paint-order` CSS property. e.g. pnto=16px | |
rsz | resize | interactivity | Sets the `resize` CSS property. e.g. rsz=16px | |
scr | scroll-behavior | interactivity | Sets the `scroll-behavior` CSS property. e.g. scr=16px | |
scrbc | scrollbar-color | interactivity | Sets the `scrollbar-color` CSS property. e.g. scrbc=#4f46e5 | |
scrbg | scrollbar-gutter | interactivity | Sets the `scrollbar-gutter` CSS property. e.g. scrbg=16px | |
scrbw | scrollbar-width | interactivity | Sets the `scrollbar-width` CSS property. e.g. scrbw=16px | |
scrm | scroll-margin | interactivity | Sets the `scroll-margin` CSS property. e.g. scrm=16px | |
scrp | scroll-padding | interactivity | Sets the `scroll-padding` CSS property. e.g. scrp=16px | |
scrsb | scroll-snap-align | interactivity | Sets the `scroll-snap-align` CSS property. e.g. scrsb=16px | |
scrss | scroll-snap-stop | interactivity | Sets the `scroll-snap-stop` CSS property. e.g. scrss=16px | |
scrst | scroll-snap-type | interactivity | Sets the `scroll-snap-type` CSS property. e.g. scrst=16px | |
tch | touch-action | interactivity | Sets the `touch-action` CSS property. e.g. tch=16px | |
us | user-select | interactivity | Sets the `user-select` CSS property. e.g. us=16px | |
b | bottom | layout | Sets the `bottom` CSS property. e.g. b=16px | |
bka | break-after | layout | Sets the `break-after` CSS property. e.g. bka=16px | |
bkb | break-before | layout | Sets the `break-before` CSS property. e.g. bkb=16px | |
bki | break-inside | layout | Sets the `break-inside` CSS property. e.g. bki=16px | |
bxm | box-decoration-break | layout | Sets the `box-decoration-break` CSS property. e.g. bxm=16px | |
bxz | box-sizing | layout | Sets the `box-sizing` CSS property. e.g. bxz=16px | |
clr | clear | layout | Sets the `clear` CSS property. e.g. clr=16px | |
cntn | contain | layout | Sets the `contain` CSS property. e.g. cntn=16px | |
col | columns | layout | Sets the `columns` CSS property. e.g. col=16px | |
colc | column-count | layout | Sets the `column-count` CSS property. e.g. colc=16px | |
colf | column-fill | layout | Sets the `column-fill` CSS property. e.g. colf=16px | |
colg | column-gap | layout | Sets the `column-gap` CSS property. e.g. colg=16px | |
colp | column-span | layout | Sets the `column-span` CSS property. e.g. colp=16px | |
colr | column-rule | layout | Sets the `column-rule` CSS property. e.g. colr=16px | |
colrc | column-rule-color | layout | Sets the `column-rule-color` CSS property. e.g. colrc=#4f46e5 | |
colrs | column-rule-style | layout | Sets the `column-rule-style` CSS property. e.g. colrs=16px | |
colrw | column-rule-width | layout | Sets the `column-rule-width` CSS property. e.g. colrw=16px | |
colw | column-width | layout | Sets the `column-width` CSS property. e.g. colw=16px | |
ctn | container | layout | Sets the `container` CSS property. e.g. ctn=16px | |
ctnn | container-name | layout | Sets the `container-name` CSS property. e.g. ctnn=16px | |
ctnt | container-type | layout | Sets the `container-type` CSS property. e.g. ctnt=16px | |
ctvis | content-visibility | layout | Sets the `content-visibility` CSS property. e.g. ctvis=16px | |
d | display | layout | Sets the `display` CSS property. e.g. d=16px | |
fl | float | layout | Sets the `float` CSS property. e.g. fl=16px | |
ins | inset | layout | Sets the `inset` CSS property. e.g. ins=16px | |
insb | inset-block | layout | Sets the `inset-block` CSS property. e.g. insb=16px | |
insbe | inset-block-end | layout | Sets the `inset-block-end` CSS property. e.g. insbe=16px | |
insbs | inset-block-start | layout | Sets the `inset-block-start` CSS property. e.g. insbs=16px | |
insi | inset-inline | layout | Sets the `inset-inline` CSS property. e.g. insi=16px | |
insie | inset-inline-end | layout | Sets the `inset-inline-end` CSS property. e.g. insie=16px | |
insis | inset-inline-start | layout | Sets the `inset-inline-start` CSS property. e.g. insis=16px | |
iso | isolation | layout | Sets the `isolation` CSS property. e.g. iso=16px | |
l | left | layout | Sets the `left` CSS property. e.g. l=16px | |
objf | object-fit | layout | Sets the `object-fit` CSS property. e.g. objf=16px | |
objp | object-position | layout | Sets the `object-position` CSS property. e.g. objp=16px | |
ovf | overflow | layout | Sets the `overflow` CSS property. e.g. ovf=16px | |
ovfa | overflow-anchor | layout | Sets the `overflow-anchor` CSS property. e.g. ovfa=16px | |
ovfc | overflow-clip-margin | layout | Sets the `overflow-clip-margin` CSS property. e.g. ovfc=16px | |
ovfx | overflow-x | layout | Sets the `overflow-x` CSS property. e.g. ovfx=16px | |
ovfy | overflow-y | layout | Sets the `overflow-y` CSS property. e.g. ovfy=16px | |
pos | position | layout | Sets the `position` CSS property. e.g. pos=16px | |
r | right | layout | Sets the `right` CSS property. e.g. r=16px | |
t | top | layout | Sets the `top` CSS property. e.g. t=16px | |
vis | visibility | layout | Sets the `visibility` CSS property. e.g. vis=16px | |
z | z-index | layout | Sets the `z-index` CSS property. e.g. z=16px | |
an | animation | motion | Sets the `animation` CSS property. e.g. an=16px | |
and | animation-duration | motion | Sets the `animation-duration` CSS property. e.g. and=16px | |
anf | animation-fill-mode | motion | Sets the `animation-fill-mode` CSS property. e.g. anf=16px | |
ani | animation-iteration-count | motion | Sets the `animation-iteration-count` CSS property. e.g. ani=16px | |
ann | animation-name | motion | Sets the `animation-name` CSS property. e.g. ann=16px | |
anp | animation-play-state | motion | Sets the `animation-play-state` CSS property. e.g. anp=16px | |
anr | animation-direction | motion | Sets the `animation-direction` CSS property. e.g. anr=16px | |
ant | animation-timing-function | motion | Sets the `animation-timing-function` CSS property. e.g. ant=16px | |
antl | animation-timeline | motion | Sets the `animation-timeline` CSS property. e.g. antl=16px | |
any | animation-delay | motion | Sets the `animation-delay` CSS property. e.g. any=16px | |
prs | perspective | motion | Sets the `perspective` CSS property. e.g. prs=16px | |
prso | perspective-origin | motion | Sets the `perspective-origin` CSS property. e.g. prso=16px | |
rot | rotate | motion | Sets the `rotate` CSS property. e.g. rot=16px | |
scl | scale | motion | Sets the `scale` CSS property. e.g. scl=16px | |
skw | skew | motion | Sets the `skew` CSS property. e.g. skw=16px | |
tf | transform | motion | Sets the `transform` CSS property. e.g. tf=16px | |
tfo | transform-origin | motion | Sets the `transform-origin` CSS property. e.g. tfo=16px | |
tfs | transform-style | motion | Sets the `transform-style` CSS property. e.g. tfs=16px | |
trn | translate | motion | Sets the `translate` CSS property. e.g. trn=16px | |
ts | transition | motion | Sets the `transition` CSS property. e.g. ts=16px | |
tsd | transition-delay | motion | Sets the `transition-delay` CSS property. e.g. tsd=16px | |
tsp | transition-property | motion | Sets the `transition-property` CSS property. e.g. tsp=16px | |
tst | transition-timing-function | motion | Sets the `transition-timing-function` CSS property. e.g. tst=16px | |
tsu | transition-duration | motion | Sets the `transition-duration` CSS property. e.g. tsu=16px | |
asp | aspect-ratio | sizing | Sets the `aspect-ratio` CSS property. e.g. asp=16px | |
blks | block-size | sizing | Sets the `block-size` CSS property. e.g. blks=16px | |
h | height | sizing | Sets the `height` CSS property. e.g. h=16px | |
inl | inline-size | sizing | Sets the `inline-size` CSS property. e.g. inl=16px | |
maxblk | max-block-size | sizing | Sets the `max-block-size` CSS property. e.g. maxblk=16px | |
maxinl | max-inline-size | sizing | Sets the `max-inline-size` CSS property. e.g. maxinl=16px | |
minblk | min-block-size | sizing | Sets the `min-block-size` CSS property. e.g. minblk=16px | |
mininl | min-inline-size | sizing | Sets the `min-inline-size` CSS property. e.g. mininl=16px | |
mnh | min-height | sizing | Sets the `min-height` CSS property. e.g. mnh=16px | |
mnw | min-width | sizing | Sets the `min-width` CSS property. e.g. mnw=16px | |
mxh | max-height | sizing | Sets the `max-height` CSS property. e.g. mxh=16px | |
mxw | max-width | sizing | Sets the `max-width` CSS property. e.g. mxw=16px | |
w | width | sizing | Sets the `width` CSS property. e.g. w=16px | |
m | margin | spacing | Sets the `margin` CSS property. e.g. m=16px | |
mb | margin-bottom | spacing | Sets the `margin-bottom` CSS property. e.g. mb=16px | |
mblk | margin-block | spacing | Sets the `margin-block` CSS property. e.g. mblk=16px | |
mblke | margin-block-end | spacing | Sets the `margin-block-end` CSS property. e.g. mblke=16px | |
mblks | margin-block-start | spacing | Sets the `margin-block-start` CSS property. e.g. mblks=16px | |
mi | margin-inline | spacing | Sets the `margin-inline` CSS property. e.g. mi=16px | |
mie | margin-inline-end | spacing | Sets the `margin-inline-end` CSS property. e.g. mie=16px | |
mis | margin-inline-start | spacing | Sets the `margin-inline-start` CSS property. e.g. mis=16px | |
ml | margin-left | spacing | Sets the `margin-left` CSS property. e.g. ml=16px | |
mr | margin-right | spacing | Sets the `margin-right` CSS property. e.g. mr=16px | |
mt | margin-top | spacing | Sets the `margin-top` CSS property. e.g. mt=16px | |
mx | margin-left margin-right | spacing | Sets the `margin-left, margin-right` CSS properties. e.g. mx=16px | |
my | margin-top margin-bottom | spacing | Sets the `margin-top, margin-bottom` CSS properties. e.g. my=16px | |
p | padding | spacing | Sets the `padding` CSS property. e.g. p=16px | |
pb | padding-bottom | spacing | Sets the `padding-bottom` CSS property. e.g. pb=16px | |
pblk | padding-block | spacing | Sets the `padding-block` CSS property. e.g. pblk=16px | |
pblke | padding-block-end | spacing | Sets the `padding-block-end` CSS property. e.g. pblke=16px | |
pblks | padding-block-start | spacing | Sets the `padding-block-start` CSS property. e.g. pblks=16px | |
pi | padding-inline | spacing | Sets the `padding-inline` CSS property. e.g. pi=16px | |
pie | padding-inline-end | spacing | Sets the `padding-inline-end` CSS property. e.g. pie=16px | |
pis | padding-inline-start | spacing | Sets the `padding-inline-start` CSS property. e.g. pis=16px | |
pl | padding-left | spacing | Sets the `padding-left` CSS property. e.g. pl=16px | |
pr | padding-right | spacing | Sets the `padding-right` CSS property. e.g. pr=16px | |
pt | padding-top | spacing | Sets the `padding-top` CSS property. e.g. pt=16px | |
px | padding-left padding-right | spacing | Sets the `padding-left, padding-right` CSS properties. e.g. px=16px | |
py | padding-top padding-bottom | spacing | Sets the `padding-top, padding-bottom` CSS properties. e.g. py=16px | |
bdcps | border-collapse | tables-svg | Sets the `border-collapse` CSS property. e.g. bdcps=16px | |
bdspc | border-spacing | tables-svg | Sets the `border-spacing` CSS property. e.g. bdspc=16px | |
cap | caption-side | tables-svg | Sets the `caption-side` CSS property. e.g. cap=16px | |
ecr | empty-cells | tables-svg | Sets the `empty-cells` CSS property. e.g. ecr=16px | |
tbl | table-layout | tables-svg | Sets the `table-layout` CSS property. e.g. tbl=16px | |
cl | color | typography | Sets the `color` CSS property. e.g. cl=#4f46e5 | |
cnt | content | typography | Sets the `content` CSS property. e.g. cnt=16px | |
cta | counter-increment | typography | Sets the `counter-increment` CSS property. e.g. cta=16px | |
ctr | counter-reset | typography | Sets the `counter-reset` CSS property. e.g. ctr=16px | |
cts | counter-set | typography | Sets the `counter-set` CSS property. e.g. cts=16px | |
dir | direction | typography | Sets the `direction` CSS property. e.g. dir=16px | |
ftd | font-display | typography | Sets the `font-display` CSS property. e.g. ftd=16px | |
ftf | font-family | typography | Sets the `font-family` CSS property. e.g. ftf=16px | |
ftk | font-kerning | typography | Sets the `font-kerning` CSS property. e.g. ftk=16px | |
ftopt | font-optical-sizing | typography | Sets the `font-optical-sizing` CSS property. e.g. ftopt=16px | |
fts | font-size | typography | Sets the `font-size` CSS property. e.g. fts=16px | |
ftsl | font-style | typography | Sets the `font-style` CSS property. e.g. ftsl=16px | |
ftsm | font-smooth | typography | Sets the `font-smooth` CSS property. e.g. ftsm=16px | |
ftsw | font-stretch | typography | Sets the `font-stretch` CSS property. e.g. ftsw=16px | |
ftszw | font-size-adjust | typography | Sets the `font-size-adjust` CSS property. e.g. ftszw=16px | |
ftvset | font-variation-settings | typography | Sets the `font-variation-settings` CSS property. e.g. ftvset=16px | |
ftw | font-weight | typography | Sets the `font-weight` CSS property. e.g. ftw=16px | |
hph | hyphens | typography | Sets the `hyphens` CSS property. e.g. hph=16px | |
lh | line-height | typography | Sets the `line-height` CSS property. e.g. lh=16px | |
lnb | line-break | typography | Sets the `line-break` CSS property. e.g. lnb=16px | |
ls | list-style | typography | Sets the `list-style` CSS property. e.g. ls=16px | |
lsi | list-style-image | typography | Sets the `list-style-image` CSS property. e.g. lsi=16px | |
lsp | list-style-position | typography | Sets the `list-style-position` CSS property. e.g. lsp=16px | |
lst | list-style-type | typography | Sets the `list-style-type` CSS property. e.g. lst=16px | |
lts | letter-spacing | typography | Sets the `letter-spacing` CSS property. e.g. lts=16px | |
oln | orphans | typography | Sets the `orphans` CSS property. e.g. oln=16px | |
qts | quotes | typography | Sets the `quotes` CSS property. e.g. qts=16px | |
tab | tab-size | typography | Sets the `tab-size` CSS property. e.g. tab=16px | |
tcomb | text-combine-upright | typography | Sets the `text-combine-upright` CSS property. e.g. tcomb=16px | |
tdir | text-orientation | typography | Sets the `text-orientation` CSS property. e.g. tdir=16px | |
txa | text-align | typography | Sets the `text-align` CSS property. e.g. txa=16px | |
txal | text-align-last | typography | Sets the `text-align-last` CSS property. e.g. txal=16px | |
txd | text-decoration | typography | Sets the `text-decoration` CSS property. e.g. txd=16px | |
txdcl | text-decoration-color | typography | Sets the `text-decoration-color` CSS property. e.g. txdcl=#4f46e5 | |
txdln | text-decoration-line | typography | Sets the `text-decoration-line` CSS property. e.g. txdln=16px | |
txe | text-emphasis | typography | Sets the `text-emphasis` CSS property. e.g. txe=16px | |
txec | text-emphasis-color | typography | Sets the `text-emphasis-color` CSS property. e.g. txec=#4f46e5 | |
txep | text-emphasis-position | typography | Sets the `text-emphasis-position` CSS property. e.g. txep=16px | |
txes | text-emphasis-style | typography | Sets the `text-emphasis-style` CSS property. e.g. txes=16px | |
txi | text-indent | typography | Sets the `text-indent` CSS property. e.g. txi=16px | |
txj | text-justify | typography | Sets the `text-justify` CSS property. e.g. txj=16px | |
txo | text-overflow | typography | Sets the `text-overflow` CSS property. e.g. txo=16px | |
txr | text-rendering | typography | Sets the `text-rendering` CSS property. e.g. txr=16px | |
txsh | text-shadow | typography | Sets the `text-shadow` CSS property. e.g. txsh=16px | |
txsm | text-size-adjust | typography | Sets the `text-size-adjust` CSS property. e.g. txsm=16px | |
txst | text-decoration-style | typography | Sets the `text-decoration-style` CSS property. e.g. txst=16px | |
txt | text-transform | typography | Sets the `text-transform` CSS property. e.g. txt=16px | |
txth | text-decoration-thickness | typography | Sets the `text-decoration-thickness` CSS property. e.g. txth=16px | |
txu | text-underline-offset | typography | Sets the `text-underline-offset` CSS property. e.g. txu=16px | |
txw | text-wrap | typography | Sets the `text-wrap` CSS property. e.g. txw=16px | |
va | vertical-align | typography | Sets the `vertical-align` CSS property. e.g. va=16px | |
wb | word-break | typography | Sets the `word-break` CSS property. e.g. wb=16px | |
wdw | widows | typography | Sets the `widows` CSS property. e.g. wdw=16px | |
whs | white-space | typography | Sets the `white-space` CSS property. e.g. whs=16px | |
whsc | white-space-collapse | typography | Sets the `white-space-collapse` CSS property. e.g. whsc=16px | |
wm | writing-mode | typography | Sets the `writing-mode` CSS property. e.g. wm=16px | |
ws | word-spacing | typography | Sets the `word-spacing` CSS property. e.g. ws=16px |