mlut documentation

5 #utils-reference Utils reference

All utilities that available in the registry.

This reference is generated on the basis of settings in the code. In the left column, the options of the utility are specified, and in the right - their values. In maps with values, the default is the CSS value that will be used without specifying the utility value. Speaking more accurately, default is a ''(empty string) in the utility value:

@include ml.mk-util('D', '');

// CSS
.D {
	display: block;
}

After the options, the values of utility that are contained in the CSS library (AOT) may be specified. The values are written in Generation Syntax

Source: content/main.css, line 1699

5.1 #utils-reference.-all -All

properties
  • margin
  • padding
  • font
  • list-style
  • border
repeat-prop-values false
keywords
sr
  • 0
  • 0
  • inherit
  • none
  • 0
CSS library
  • "-All": "sr"
Source: content/generate.css, line 2123

5.2 #utils-reference.-bcf -Bcf

properties
  • backdrop-filter
  • "--ml-bcfb"
  • "--ml-bcfbn"
  • "--ml-bcfc"
  • "--ml-bcfg"
  • "--ml-bcfhr"
  • "--ml-bcfi"
  • "--ml-bcfo"
  • "--ml-bcfs"
  • "--ml-bcfsp"
repeat-prop-values false
keywords
default
  • var(--ml-bcfb) var(--ml-bcfbn) var(--ml-bcfc) var(--ml-bcfg) var(--ml-bcfhr) var(--ml-bcfi) var(--ml-bcfo) var(--ml-bcfs) var(--ml-bcfsp)
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
CSS library
  • "-Bcf": ""
Source: content/generate.css, line 1457

5.3 #utils-reference.-bcfb -Bcfb

css-function "blur"
transformer "to-css-fn"
Source: content/generate.css, line 1466

5.4 #utils-reference.-bcfbn -Bcfbn

css-function "brightness"
transformer "to-css-fn"
conversion num-percent
Source: content/generate.css, line 1475

5.5 #utils-reference.-bcfc -Bcfc

css-function "contrast"
transformer "to-css-fn"
conversion num-percent
Source: content/generate.css, line 1484

5.6 #utils-reference.-bcfg -Bcfg

css-function "grayscale"
transformer "to-css-fn"
conversion num-percent
Source: content/generate.css, line 1493

5.7 #utils-reference.-bcfhr -Bcfhr

css-function "hue-rotate"
transformer "to-css-fn"
conversion angle
Source: content/generate.css, line 1502

5.8 #utils-reference.-bcfi -Bcfi

css-function "invert"
transformer "to-css-fn"
conversion num-percent
Source: content/generate.css, line 1511

5.9 #utils-reference.-bcfo -Bcfo

css-function "opacity"
transformer "to-css-fn"
conversion num-percent
Source: content/generate.css, line 1520

5.10 #utils-reference.-bcfs -Bcfs

css-function "saturate"
transformer "to-css-fn"
conversion num-percent
Source: content/generate.css, line 1529

5.11 #utils-reference.-bcfsp -Bcfsp

css-function "sepia"
transformer "to-css-fn"
conversion num-percent
Source: content/generate.css, line 1538

5.12 #utils-reference.-bdbrd -Bdbrd

properties
  • border-bottom-right-radius
  • border-bottom-left-radius
Source: content/generate.css, line 1862

5.13 #utils-reference.-bdtrd -Bdtrd

properties
  • border-top-right-radius
  • border-top-left-radius
Source: content/generate.css, line 1853

5.14 #utils-reference.-bdx -Bdx

properties
  • border-right
  • border-left
conversion outline
keywords
Source: content/generate.css, line 1592

5.15 #utils-reference.-bdxc -Bdxc

properties
  • border-right-color
  • border-left-color
conversion color
Source: content/generate.css, line 1655

5.16 #utils-reference.-bdxs -Bdxs

properties
  • border-right-style
  • border-left-style
keywords line-style
Source: content/generate.css, line 1718

5.17 #utils-reference.-bdxw -Bdxw

properties
  • border-right-width
  • border-left-width
keywords line-width
Source: content/generate.css, line 1781

5.18 #utils-reference.-bdy -Bdy

properties
  • border-top
  • border-bottom
conversion outline
keywords
Source: content/generate.css, line 1601

5.19 #utils-reference.-bdyc -Bdyc

properties
  • border-top-color
  • border-bottom-color
conversion color
Source: content/generate.css, line 1664

5.20 #utils-reference.-bdys -Bdys

properties
  • border-top-style
  • border-bottom-style
keywords line-style
Source: content/generate.css, line 1727

5.21 #utils-reference.-bdyw -Bdyw

properties
  • border-top-width
  • border-bottom-width
keywords line-width
Source: content/generate.css, line 1790

5.22 #utils-reference.-blr -Blr

css-function "blur"
transformer "to-css-fn"
Source: content/generate.css, line 1358

5.23 #utils-reference.-bn -Bn

css-function "brightness"
transformer "to-css-fn"
conversion num-percent
Source: content/generate.css, line 1367

5.24 #utils-reference.-cl -Cl

preset-properties
display table
content ""
properties clear
selector "&::after"
keywords
default both
CSS library
  • "-Cl": ""
Source: content/generate.css, line 476

5.25 #utils-reference.-ctr -Ctr

css-function "contrast"
transformer "to-css-fn"
conversion num-percent
Source: content/generate.css, line 1376

5.26 #utils-reference.-d -D

properties
  • display
  • flex-wrap
  • position
  • width
  • height
  • margin
  • padding
  • overflow
  • white-space
  • border
  • clip
repeat-prop-values false
keywords
mf
  • flex
  • wrap
mif
  • inline-flex
  • wrap
vh
  • null
  • null
  • absolute
  • 1px
  • 1px
  • -1px
  • 0
  • hidden
  • nowrap
  • 0
  • rect(0 0 0 0)
v
  • null
  • null
  • static
  • auto
  • auto
  • 0
  • null
  • visible
  • normal
  • null
  • auto
CSS library
  • "BpAll _-D": ("mf", "mif", "vh", "BpAll ArSt _v_ f fw")
Source: content/generate.css, line 152

5.27 #utils-reference.-drps -Drps

css-function "drop-shadow"
transformer "to-css-fn"
multi-list-separator ","
conversion outline
Source: content/generate.css, line 1385

5.28 #utils-reference.-fns -Fns

properties
  • font-size
  • line-height
  • letter-spacing
repeat-prop-values false
keywords font-size
Source: content/generate.css, line 737

5.29 #utils-reference.-gdl -Gdl

properties background-image
transformer "gradient"
css-function "linear-gradient"
conversion gradient
multi-list-separator ","
keywords
Source: content/generate.css, line 1106

5.30 #utils-reference.-gdrl -Gdrl

properties background-image
transformer "gradient"
conversion gradient
css-function "repeating-linear-gradient"
multi-list-separator ","
keywords
Source: content/generate.css, line 1115

5.31 #utils-reference.-gg -Gg

No options
property --ml-gg
CSS library
  • "BpAll _-Gg": ([1u, 8],)
Source: content/generate.css, line 44

5.32 #utils-reference.-gra -Gra

css-function "grayscale"
transformer "to-css-fn"
conversion num-percent
Source: content/generate.css, line 1394

5.33 #utils-reference.-gscc -Gscc

properties --ml-gscc
conversion num-length
Source: content/generate.css, line 26

5.34 #utils-reference.-gsf -Gsf

properties
  • "--ml-gscf"
  • "--ml-gsof"
keywords
default
  • calc(var(--ml-gsc) / var(--ml-gscc) * 100% - var(--ml-gsfd, var(--ml-gg)) * 2)
  • calc(var(--ml-gso) / var(--ml-gscc) * 100% + var(--ml-gsfd, var(--ml-gg)))
Source: content/generate.css, line 53

5.35 #utils-reference.-gsfd -Gsfd

No options
property --ml-gsfd
Source: content/generate.css, line 35

5.36 #utils-reference.-hur -Hur

css-function "hue-rotate"
transformer "to-css-fn"
conversion angle
Source: content/generate.css, line 1403

5.37 #utils-reference.-i -I

properties
  • top
  • right
  • bottom
  • left
Source: content/generate.css, line 125

5.38 #utils-reference.-iv -Iv

css-function "invert"
transformer "to-css-fn"
conversion num-percent
Source: content/generate.css, line 1412

5.39 #utils-reference.-mx -Mx

properties
  • margin-right
  • margin-left
Source: content/generate.css, line 593

5.40 #utils-reference.-my -My

properties
  • margin-top
  • margin-bottom
Source: content/generate.css, line 602

5.41 #utils-reference.-o -O

css-function "opacity"
transformer "to-css-fn"
conversion num-percent
Source: content/generate.css, line 1421

5.42 #utils-reference.-px -Px

properties
  • padding-right
  • padding-left
Source: content/generate.css, line 656

5.43 #utils-reference.-py -Py

properties
  • padding-top
  • padding-bottom
Source: content/generate.css, line 665

5.44 #utils-reference.-rt -Rt

conversion angle
CSS library
  • "BpAll _-Rt": (-90d, 90d, 180d)
Source: content/generate.css, line 1214

5.45 #utils-reference.-s -S

properties
  • "--ml-sx"
  • "--ml-sy"
conversion num-percent
Source: content/generate.css, line 1160

5.46 #utils-reference.-sa -Sa

css-function "saturate"
transformer "to-css-fn"
conversion num-percent
Source: content/generate.css, line 1430

5.47 #utils-reference.-sk -Sk

properties
  • "--ml-skx"
  • "--ml-sky"
conversion angle
Source: content/generate.css, line 1187

5.48 #utils-reference.-skx -Skx

conversion angle
Source: content/generate.css, line 1196

5.49 #utils-reference.-sky -Sky

conversion angle
Source: content/generate.css, line 1205

5.50 #utils-reference.-sp -Sp

css-function "sepia"
transformer "to-css-fn"
conversion num-percent
Source: content/generate.css, line 1439

5.51 #utils-reference.-sx -Sx

conversion num-percent
Source: content/generate.css, line 1169

5.52 #utils-reference.-sy -Sy

conversion num-percent
Source: content/generate.css, line 1178

5.53 #utils-reference.-sz -Sz

properties
  • width
  • height
keywords sizing
Source: content/generate.css, line 530

5.54 #utils-reference.-tr -Tr

properties
  • "--ml-trx"
  • "--ml-try"
Source: content/generate.css, line 1142

5.55 #utils-reference.-trx -Trx

No options
property "--ml-trx"
CSS library
  • "BpAll _-Trx": -100p
Source: content/generate.css, line 1151

5.56 #utils-reference.-ts -Ts

preset-properties
transition-duration 0.3s
properties transition-property
conversion abbr-kw
multi-list-separator ","
keywords transition-props
CSS library
  • "-Ts": "KW"
Source: content/generate.css, line 1880

5.57 #utils-reference.-txo -Txo

properties
  • text-overflow
  • overflow
  • white-space
repeat-prop-values false
keywords
default
  • ellipsis
  • hidden
  • nowrap
CSS library
  • "-Txo": ""
Source: content/generate.css, line 962

5.58 #utils-reference.-x -X

properties
  • right
  • left
Source: content/generate.css, line 107

5.59 #utils-reference.-y -Y

properties
  • top
  • bottom
Source: content/generate.css, line 116

5.60 #utils-reference.ac Ac

properties align-content
keywords box-alignment
CSS library
  • "BpAll _Ac": ("fs", "fe", "c", "sa", "sb", "se")
Source: content/generate.css, line 215

5.61 #utils-reference.acnc Acnc

properties accent-color
conversion color
Source: content/generate.css, line 2024

5.62 #utils-reference.ai Ai

properties align-items
keywords box-alignment
CSS library
  • "BpAll _Ai": ("fs", "fe", "c", "b", "str")
Source: content/generate.css, line 233

5.63 #utils-reference.all All

properties all
keywords css
Source: content/generate.css, line 2132

5.64 #utils-reference.an An

properties animation
conversion kw-num-length
multi-list-separator ","
keywords
CSS library
  • "BpAll ArOl _An": "n"
Source: content/generate.css, line 1934

5.65 #utils-reference.and And

properties animation-duration
multi-list-separator ","
Source: content/generate.css, line 1952

5.66 #utils-reference.andl Andl

properties animation-delay
multi-list-separator ","
Source: content/generate.css, line 1961

5.67 #utils-reference.andr Andr

properties animation-direction
multi-list-separator ","
keywords
a alternate
ar alternate-reverse
nm normal
r reverse
Source: content/generate.css, line 1988

5.68 #utils-reference.anfm Anfm

properties animation-fill-mode
multi-list-separator ","
keywords
b backwards
bt both
f forwards
Source: content/generate.css, line 1997

5.69 #utils-reference.anic Anic

properties animation-iteration-count
conversion kw-num-length
multi-list-separator ","
keywords infinite
Source: content/generate.css, line 1979

5.70 #utils-reference.ann Ann

properties animation-name
multi-list-separator ","
keywords "animation"
Source: content/generate.css, line 1943

5.71 #utils-reference.anps Anps

properties animation-play-state
multi-list-separator ","
keywords
p paused
r running
rn running
Source: content/generate.css, line 2006

5.72 #utils-reference.antf Antf

properties animation-timing-function
multi-list-separator ","
keywords easing-function
Source: content/generate.css, line 1970

5.73 #utils-reference.ap Ap

properties appearance
keywords
default none
CSS library
  • "Ap": ""
Source: content/generate.css, line 2015

5.74 #utils-reference.apcr Apcr

properties aspect-ratio
conversion num-length
Source: content/generate.css, line 2339

5.75 #utils-reference.as As

properties align-self
keywords box-alignment
CSS library
  • "BpAll _As": ("fs", "fe", "c", "b", "a", "str")
Source: content/generate.css, line 224

5.76 #utils-reference.b B

No options
property bottom
Source: content/generate.css, line 89

5.77 #utils-reference.bcf Bcf

properties
  • backdrop-filter
  • "--ml-blr"
  • "--ml-bn"
  • "--ml-ctr"
  • "--ml-gra"
  • "--ml-hur"
  • "--ml-iv"
  • "--ml-o"
  • "--ml-sa"
  • "--ml-sp"
repeat-prop-values false
keywords
default
  • var(--ml-blr) var(--ml-bn) var(--ml-ctr) var(--ml-gra) var(--ml-hur) var(--ml-iv) var(--ml-o) var(--ml-sa) var(--ml-sp)
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
CSS library
  • "Bcf": ("", "n")
Source: content/generate.css, line 1448

5.78 #utils-reference.bd Bd

properties border
conversion outline
keywords
CSS library
  • "Bd": "0;s"
Source: content/generate.css, line 1547

5.79 #utils-reference.bdb Bdb

properties border-bottom
conversion outline
keywords
Source: content/generate.css, line 1574

5.80 #utils-reference.bdbc Bdbc

properties border-bottom-color
conversion color
Source: content/generate.css, line 1637

5.81 #utils-reference.bdblr Bdblr

No options
property border-bottom-left-radius
Source: content/generate.css, line 1844

5.82 #utils-reference.bdbrr Bdbrr

No options
property border-bottom-right-radius
Source: content/generate.css, line 1835

5.83 #utils-reference.bdbs Bdbs

properties border-bottom-style
keywords line-style
Source: content/generate.css, line 1700

5.84 #utils-reference.bdbw Bdbw

properties border-bottom-width
keywords line-width
Source: content/generate.css, line 1763

5.85 #utils-reference.bdc Bdc

properties border-color
range-generator "color"
conversion color
CSS library
  • "BpAll _Bdc": "tp"
Source: content/generate.css, line 1610

5.86 #utils-reference.bdcl Bdcl

properties border-collapse
keywords
default collapse
c collapse
s separate
CSS library
  • "Bdcl": "KW"
Source: content/generate.css, line 1799

5.87 #utils-reference.bdl Bdl

properties border-left
conversion outline
keywords
Source: content/generate.css, line 1583

5.88 #utils-reference.bdlc Bdlc

properties border-left-color
conversion color
Source: content/generate.css, line 1646

5.89 #utils-reference.bdls Bdls

properties border-left-style
keywords line-style
Source: content/generate.css, line 1709

5.90 #utils-reference.bdlw Bdlw

properties border-left-width
keywords line-width
Source: content/generate.css, line 1772

5.91 #utils-reference.bdr Bdr

properties border-right
conversion outline
keywords
Source: content/generate.css, line 1565

5.92 #utils-reference.bdrc Bdrc

properties border-right-color
conversion color
Source: content/generate.css, line 1628

5.93 #utils-reference.bdrd Bdrd

properties border-radius
multi-list-separator "/"
CSS library
  • "Bdrd": (0, 50p)
Source: content/generate.css, line 1808

5.94 #utils-reference.bdrs Bdrs

properties border-right-style
keywords line-style
Source: content/generate.css, line 1691

5.95 #utils-reference.bdrw Bdrw

properties border-right-width
keywords line-width
Source: content/generate.css, line 1754

5.96 #utils-reference.bds Bds

properties border-style
keywords line-style
Source: content/generate.css, line 1673

5.97 #utils-reference.bdt Bdt

properties border-top
conversion outline
keywords
Source: content/generate.css, line 1556

5.98 #utils-reference.bdtc Bdtc

properties border-top-color
conversion color
Source: content/generate.css, line 1619

5.99 #utils-reference.bdtlr Bdtlr

No options
property border-top-left-radius
Source: content/generate.css, line 1826

5.100 #utils-reference.bdtrr Bdtrr

No options
property border-top-right-radius
Source: content/generate.css, line 1817

5.101 #utils-reference.bdts Bdts

properties border-top-style
keywords line-style
Source: content/generate.css, line 1682

5.102 #utils-reference.bdtw Bdtw

properties border-top-width
keywords line-width
Source: content/generate.css, line 1745

5.103 #utils-reference.bdw Bdw

properties border-width
keywords line-width
Source: content/generate.css, line 1736

5.104 #utils-reference.bfv Bfv

properties backface-visibility
keywords visibility
CSS library
  • "Bfv": ("h", "v")
Source: content/generate.css, line 1313

5.105 #utils-reference.bg Bg

properties background
conversion outline
multi-list-separator ","
CSS library
  • "BpAll _Bg": "n"
Source: content/generate.css, line 1016

5.106 #utils-reference.bga Bga

properties background-attachment
keywords
f fixed
l local
s scroll
CSS library
  • "Bga": "KW"
Source: content/generate.css, line 1061

5.107 #utils-reference.bgbm Bgbm

properties background-blend-mode
keywords blend-mode
multi-list-separator ","
Source: content/generate.css, line 1070

5.108 #utils-reference.bgc Bgc

properties background-color
range-generator "color"
conversion color
CSS library
  • "BpAll _Bgc": "tp"
Source: content/generate.css, line 1025

5.109 #utils-reference.bgcl Bgcl

properties background-clip
keywords box-ext
CSS library
  • "Bgcl": "KW"
Source: content/generate.css, line 1079

5.110 #utils-reference.bgi Bgi

properties background-image
CSS library
  • "BpAll _Bgi": "n"
Source: content/generate.css, line 1097

5.111 #utils-reference.bgo Bgo

properties background-origin
keywords box-ext
CSS library
  • "Bgo": ("bb", "cb", "pb")
Source: content/generate.css, line 1088

5.112 #utils-reference.bgp Bgp

properties background-position
keywords position
CSS library
  • "Bgp": ("KW", "r;t", "r;b", "l;b", "l;t")
Source: content/generate.css, line 1043

5.113 #utils-reference.bgr Bgr

properties background-repeat
keywords
default no-repeat
nr no-repeat
rx repeat-x
ry repeat-y
r repeat
s space
rn round
CSS library
  • "Bgr": "KW"
Source: content/generate.css, line 1034

5.114 #utils-reference.bgs Bgs

properties background-size
keywords
ct contain
cv cover
CSS library
  • "BpAll _Bgs": (100p, "KW")
Source: content/generate.css, line 1052

5.115 #utils-reference.bls Bls

properties block-size
keywords sizing
Source: content/generate.css, line 2348

5.116 #utils-reference.bxdb Bxdb

properties box-decoration-break
keywords
s slice
c clone
CSS library
  • "Bxdb": "KW"
Source: content/generate.css, line 1277

5.117 #utils-reference.bxs Bxs

properties box-sizing
keywords
default border-box
bb border-box
cb content-box
CSS library
  • "Bxs": "KW"
Source: content/generate.css, line 485

5.118 #utils-reference.bxsd Bxsd

properties box-shadow
conversion outline
multi-list-separator ","
keywords
i inset
CSS library
  • "BpAll _Bxsd": "n"
Source: content/generate.css, line 1268

5.119 #utils-reference.c C

properties color
range-generator "color"
conversion color
CSS library
  • "C": ("ih", "tp", "cc")
Source: content/generate.css, line 701

5.120 #utils-reference.cl Cl

properties clear
keywords
default both
b both
l left
r right
CSS library
  • "BpAll _Cl": ("KW", "n")
Source: content/generate.css, line 467

5.121 #utils-reference.clmg Clmg

No options
property column-gap
Source: content/generate.css, line 449

5.122 #utils-reference.coi Coi

properties counter-increment
conversion num-length
Source: content/generate.css, line 2213

5.123 #utils-reference.cor Cor

properties counter-reset
conversion num-length
Source: content/generate.css, line 2222

5.124 #utils-reference.cos Cos

properties counter-set
conversion num-length
Source: content/generate.css, line 2231

5.125 #utils-reference.cps Cps

properties caption-side
keywords position
CSS library
  • "Cps": ("t", "b")
Source: content/generate.css, line 2150

5.126 #utils-reference.crc Crc

properties caret-color
conversion color
Source: content/generate.css, line 2033

5.127 #utils-reference.cs Cs

properties cursor
keywords
default pointer
c cell
clr col-resize
cp copy
ch crosshair
d default
er e-resize
ewr ew-resize
g grab
gb grabbing
h help
m move
nr n-resize
nta not-allowed
ner ne-resize
neswr nesw-resize
nwser nwse-resize
nsr ns-resize
nwr nw-resize
p pointer
pr progress
rr row-resize
sr s-resize
ser se-resize
swr sw-resize
t text
vt vertical-text
wr w-resize
wt wait
zi zoom-in
zo zoom-out
CSS library
  • "Cs": ("", "a", "d", "wt", "t", "m", "h", "nta")
Source: content/generate.css, line 1295

5.128 #utils-reference.ct Ct

properties content
keywords
default ''
nm normal
oq open-quote
cq close-quote
noq no-open-quote
ncq no-close-quote
ct contents
mAtt attr(data-ml-ct)
CSS library
  • "Ct_b af StOl": ("", "n", "mAtt")
  • "BpAll ArSO_Ct_b af": ("", "n", "mAtt")
Source: content/generate.css, line 2114

5.129 #utils-reference.ctn Ctn

properties container
multi-list-separator "/"
keywords
is inline-size
s size
n normal
nn none
Source: content/generate.css, line 2204

5.130 #utils-reference.ctnn Ctnn

properties container-name
keywords
n none
Source: content/generate.css, line 2195

5.131 #utils-reference.ctnt Ctnt

properties container-type
keywords
is inline-size
s size
n normal
Source: content/generate.css, line 2186

5.132 #utils-reference.ctv Ctv

properties content-visibility
keywords
CSS library
  • "BpAll _Ctv": ("v", "h", "a")
Source: content/generate.css, line 2168

5.133 #utils-reference.d D

properties display
keywords
default block
b block
i inline
ib inline-block
f flex
if inline-flex
g grid
ig inline-grid
li list-item
ri run-in
flr flow-root
c contents
t table
it inline-table
tr table-row
tc table-cell
tcl table-column
tclg table-column-group
thg table-header-group
tfg table-footer-group
trg table-row-group
CSS library
  • "D": ("KW", "n")
  • "BpAll ArOl _D": ("", "b", "i", "ib", "f", "if", "g", "ig", "n", "t", "it", "c", "flr", "tc", "tr")
Source: content/generate.css, line 143

5.134 #utils-reference.ec Ec

properties empty-cells
keywords
s show
h hide
CSS library
  • "Ec": "KW"
Source: content/generate.css, line 2141

5.135 #utils-reference.f F

properties float
keywords
default left
l left
r right
CSS library
  • "BpAll _F": ("KW", "n")
Source: content/generate.css, line 458

5.136 #utils-reference.fi Fi

properties fill
range-generator "color"
conversion color
Source: content/generate.css, line 2240

5.137 #utils-reference.fio Fio

properties fill-opacity
conversion num-percent
Source: content/generate.css, line 2249

5.138 #utils-reference.fl Fl

properties flex
conversion kw-num-length
keywords sizing
Source: content/generate.css, line 161

5.139 #utils-reference.flb Flb

properties flex-basis
keywords sizing
Source: content/generate.css, line 206

5.140 #utils-reference.fld Fld

properties flex-direction
keywords
c column
cr column-reverse
r row
rr row-reverse
CSS library
  • "BpAll _Fld": "KW"
Source: content/generate.css, line 170

5.141 #utils-reference.flg Flg

properties flex-grow
conversion num-length
CSS library
  • "BpAll _Flg": 1
Source: content/generate.css, line 188

5.142 #utils-reference.fls Fls

properties flex-shrink
conversion num-length
CSS library
  • "BpAll _Fls": 0
Source: content/generate.css, line 197

5.143 #utils-reference.flw Flw

properties flex-wrap
keywords
default wrap
n nowrap
w wrap
wr wrap-reverse
CSS library
  • "BpAll _Flw": "KW"
Source: content/generate.css, line 179

5.144 #utils-reference.fn Fn

No options
property font
CSS library
  • "Fn": "ih"
Source: content/generate.css, line 710

5.145 #utils-reference.fnf Fnf

properties font-family
keywords
mUss
  • ui-sans-serif
  • system-ui
  • -apple-system
  • BlinkMacSystemFont
  • "Segoe UI"
  • Roboto
  • "Helvetica Neue"
  • "Noto Sans"
  • Arial
  • sans-serif
  • "Apple Color Emoji"
  • "Segoe UI Emoji"
  • "Segoe UI Symbol"
  • "Noto Color Emoji"
mUsr
  • ui-serif
  • Georgia
  • Cambria
  • Times
  • "Times New Roman"
  • serif
mUm
  • ui-monospace
  • SFMono-Regular
  • Menlo
  • Monaco
  • Consolas
  • "Liberation Mono"
  • "Courier New"
  • monospace
CSS library
  • "Fnf": "KW"
Source: content/generate.css, line 746

5.146 #utils-reference.fns Fns

properties font-size
keywords font-size
CSS library
  • "Fns": "ih"
Source: content/generate.css, line 728

5.147 #utils-reference.fnst Fnst

properties font-style
keywords
default italic
i italic
n normal
o oblique
CSS library
  • "Fnst": "KW"
Source: content/generate.css, line 755

5.148 #utils-reference.fnw Fnw

properties font-weight
conversion kw-num-length
keywords
b bold
bd bolder
l lighter
n normal
CSS library
  • "Fnw": ([100, 900, 100], "b", "n")
  • "BpAll ArOl _Fnw": (400, 700)
Source: content/generate.css, line 719

5.149 #utils-reference.ft Ft

properties
  • filter
  • "--ml-blr"
  • "--ml-bn"
  • "--ml-ctr"
  • "--ml-drps"
  • "--ml-gra"
  • "--ml-hur"
  • "--ml-iv"
  • "--ml-sa"
  • "--ml-sp"
repeat-prop-values false
keywords
default
  • var(--ml-blr) var(--ml-bn) var(--ml-ctr) var(--ml-drps) var(--ml-gra) var(--ml-hur) var(--ml-iv) var(--ml-sa) var(--ml-sp)
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
  • var(--ml-, /*!*/ )
CSS library
  • "Ft": ("", "n")
Source: content/generate.css, line 1349

5.150 #utils-reference.g G

properties grid
conversion grid-tpl
multi-list-separator "/"
keywords
Source: content/generate.css, line 305

5.151 #utils-reference.ga Ga

properties grid-area
conversion grid-span
multi-list-separator "/"
keywords grid-area
Source: content/generate.css, line 395

5.152 #utils-reference.gap Gap

No options
property gap
Source: content/generate.css, line 431

5.153 #utils-reference.gatc Gatc

properties grid-auto-columns
keywords
CSS library
  • "BpAll _Gatc": ("mc", "mnc", "a", "t1", 1fr)
Source: content/generate.css, line 404

5.154 #utils-reference.gatf Gatf

properties grid-auto-flow
keywords
c column
d dense
r row
CSS library
  • "BpAll _Gatf": ("r", "c", "d", "r;d", "c;d")
Source: content/generate.css, line 422

5.155 #utils-reference.gatr Gatr

properties grid-auto-rows
keywords
CSS library
  • "BpAll _Gatr": ("mc", "mnc", "a", "t1", 1fr)
Source: content/generate.css, line 413

5.156 #utils-reference.gc Gc

properties grid-column
conversion grid-span
multi-list-separator "/"
keywords grid-area
CSS library
  • "BpAll _Gc": ("a", "1/-1", "s1", "s2", "s3", "s4", "s5", "s6", "s7", "s8", "s9", "s10", "s11", "s12")
Source: content/generate.css, line 332

5.157 #utils-reference.gce Gce

properties grid-column-end
conversion kw-num-length
keywords grid-area
CSS library
  • "BpAll _Gce": ("a", -1, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12)
Source: content/generate.css, line 350

5.158 #utils-reference.gcs Gcs

properties grid-column-start
conversion kw-num-length
keywords grid-area
CSS library
  • "BpAll _Gcs": ("a", -1, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12)
Source: content/generate.css, line 341

5.159 #utils-reference.gr Gr

properties grid-row
conversion grid-span
multi-list-separator "/"
keywords grid-area
CSS library
  • "BpAll _Gr": ("a", "1/-1")
Source: content/generate.css, line 368

5.160 #utils-reference.gre Gre

properties grid-row-end
conversion kw-num-length
keywords grid-area
CSS library
  • "BpAll _Gre": ("a", -1, 1)
Source: content/generate.css, line 386

5.161 #utils-reference.grs Grs

properties grid-row-start
conversion kw-num-length
keywords grid-area
CSS library
  • "BpAll _Grs": ("a", -1, 1)
Source: content/generate.css, line 377

5.162 #utils-reference.gt Gt

properties grid-template
conversion grid-tpl
keywords
Source: content/generate.css, line 314

5.163 #utils-reference.gtc Gtc

properties grid-template-columns
conversion grid-tpl
keywords
CSS library
  • "BpAll _Gtc": ("n" "t2" "t3" "t4" "t5" "t6" "t7" "t8" "t9" "t10" "t11" "t12")
Source: content/generate.css, line 323

5.164 #utils-reference.gtr Gtr

properties grid-template-rows
conversion grid-tpl
keywords
CSS library
  • "BpAll _Gtr": "n"
Source: content/generate.css, line 359

5.165 #utils-reference.h H

properties height
keywords sizing
CSS library
  • "BpAll _H": (100p, 100vh, 0, "BpAll ArOl _a")
Source: content/generate.css, line 2321

5.166 #utils-reference.hp Hp

properties hyphens
keywords
m manual
CSS library
  • "Hp": ("n", "a", "m")
Source: content/generate.css, line 971

5.167 #utils-reference.ils Ils

properties inline-size
keywords sizing
Source: content/generate.css, line 2357

5.168 #utils-reference.is Is

properties isolation
keywords
i isolate
CSS library
  • "Is": ("i", "a")
Source: content/generate.css, line 1340

5.169 #utils-reference.jc Jc

properties justify-content
keywords box-alignment
CSS library
  • "BpAll _Jc": ("fs", "fe", "c", "sa", "sb", "se")
Source: content/generate.css, line 242

5.170 #utils-reference.ji Ji

properties justify-items
keywords box-alignment
CSS library
  • "BpAll _Ji": ("st", "e", "c", "str", "a")
Source: content/generate.css, line 251

5.171 #utils-reference.js Js

properties justify-self
keywords box-alignment
CSS library
  • "BpAll _Js": ("st", "e", "c", "str", "a")
Source: content/generate.css, line 260

5.172 #utils-reference.l L

No options
property left
Source: content/generate.css, line 98

5.173 #utils-reference.lnh Lnh

properties line-height
conversion kw-num-length
keywords
n normal
CSS library
  • "BpAll _Lnh": ("n", "1")
Source: content/generate.css, line 764

5.174 #utils-reference.lss Lss

properties list-style
keywords
  • Lsst
  • Lssp
CSS library
  • "Lss": "n"
Source: content/generate.css, line 989

5.175 #utils-reference.lssp Lssp

properties list-style-position
keywords
i inside
o outside
CSS library
  • "Lssp": "KW"
Source: content/generate.css, line 1007

5.176 #utils-reference.lsst Lsst

properties list-style-type
keywords
d disc
c circle
s square
dc decimal
dclz decimal-leading-zero
la lower-alpha
lr lower-roman
lg lower-greek
ll lower-latin
ua upper-alpha
ul upper-latin
ur upper-roman
CSS library
  • "Lsst": "KW"
Source: content/generate.css, line 998

5.177 #utils-reference.lts Lts

properties letter-spacing
keywords
n normal
Source: content/generate.css, line 773

5.178 #utils-reference.m M

No options
property margin
Source: content/generate.css, line 548

5.179 #utils-reference.mb Mb

No options
property margin-bottom
Source: content/generate.css, line 575

5.180 #utils-reference.mibm Mibm

properties mix-blend-mode
keywords blend-mode
Source: content/generate.css, line 2051

5.181 #utils-reference.ml Ml

No options
property margin-left
Source: content/generate.css, line 584

5.182 #utils-reference.mnh Mnh

properties min-height
keywords sizing
CSS library
  • "BpAll _Mnh": (100p, 100vh, 0)
Source: content/generate.css, line 512

5.183 #utils-reference.mnw Mnw

properties min-width
keywords sizing
CSS library
  • "BpAll _Mnw": (100p, "KW")
Source: content/generate.css, line 494

5.184 #utils-reference.mr Mr

No options
property margin-right
Source: content/generate.css, line 566

5.185 #utils-reference.mt Mt

No options
property margin-top
Source: content/generate.css, line 557

5.186 #utils-reference.mxh Mxh

properties max-height
keywords sizing
CSS library
  • "BpAll _Mxh": (100p, 100vh, "n")
Source: content/generate.css, line 521

5.187 #utils-reference.mxw Mxw

properties max-width
keywords sizing
CSS library
  • "BpAll _Mxw": (100p, "KW", "n", "gSm", "gMd", "gLg", "gXl", "gXxl")
Source: content/generate.css, line 503

5.188 #utils-reference.o O

properties opacity
conversion num-percent
CSS library
  • "BpAll _O": (0, 1)
Source: content/generate.css, line 1304

5.189 #utils-reference.od Od

properties order
conversion num-length
CSS library
  • "BpAll _Od": ([-1, 5],)
Source: content/generate.css, line 296

5.190 #utils-reference.ojf Ojf

properties object-fit
keywords
default cover
ct contain
cv cover
f fill
sd scale-down
CSS library
  • "BpAll _Ojf": "KW"
Source: content/generate.css, line 1322

5.191 #utils-reference.ojp Ojp

properties object-position
keywords position
CSS library
  • "Ojp": "KW"
Source: content/generate.css, line 1331

5.192 #utils-reference.ol Ol

properties outline
conversion outline
keywords
CSS library
  • "Ol": 0
Source: content/generate.css, line 1223

5.193 #utils-reference.olc Olc

properties outline-color
conversion color
Source: content/generate.css, line 1241

5.194 #utils-reference.olo Olo

No options
property outline-offset
Source: content/generate.css, line 1259

5.195 #utils-reference.ols Ols

properties outline-style
keywords line-style
CSS library
  • "Ols": ("d", "dh", "db", "s")
Source: content/generate.css, line 1250

5.196 #utils-reference.olw Olw

properties outline-width
keywords line-width
Source: content/generate.css, line 1232

5.197 #utils-reference.ov Ov

properties overflow
keywords overflow
Source: content/generate.css, line 674

5.198 #utils-reference.ovsb Ovsb

properties overscroll-behavior
keywords overscroll
Source: content/generate.css, line 2078

5.199 #utils-reference.ovsbx Ovsbx

properties overscroll-behavior-x
keywords overscroll
Source: content/generate.css, line 2087

5.200 #utils-reference.ovsby Ovsby

properties overscroll-behavior-y
keywords overscroll
Source: content/generate.css, line 2096

5.201 #utils-reference.ovw Ovw

properties overflow-wrap
keywords
a anywhere
bw break-word
n normal
CSS library
  • "Ovw": "KW"
Source: content/generate.css, line 872

5.202 #utils-reference.ovx Ovx

properties overflow-x
keywords overflow
Source: content/generate.css, line 683

5.203 #utils-reference.ovy Ovy

properties overflow-y
keywords overflow
Source: content/generate.css, line 692

5.204 #utils-reference.p P

No options
property padding
Source: content/generate.css, line 611

5.205 #utils-reference.pb Pb

No options
property padding-bottom
Source: content/generate.css, line 638

5.206 #utils-reference.pl Pl

No options
property padding-left
Source: content/generate.css, line 647

5.207 #utils-reference.plcc Plcc

properties place-content
keywords box-alignment
CSS library
  • "BpAll _Plcc": ("fs", "fe", "st", "e", "c", "sa", "sb", "se", "str")
Source: content/generate.css, line 269

5.208 #utils-reference.plci Plci

properties place-items
keywords box-alignment
CSS library
  • "BpAll _Plci": ("st", "e", "c", "str", "a")
Source: content/generate.css, line 278

5.209 #utils-reference.plcs Plcs

properties place-self
keywords box-alignment
CSS library
  • "BpAll _Plcs": ("st", "e", "c", "str", "a")
Source: content/generate.css, line 287

5.210 #utils-reference.pne Pne

properties pointer-events
keywords
default none
CSS library
  • "BpAll _Pne": ("", "n", "a")
Source: content/generate.css, line 2042

5.211 #utils-reference.pr Pr

No options
property padding-right
Source: content/generate.css, line 629

5.212 #utils-reference.ps Ps

properties position
keywords
default relative
a absolute
f fixed
r relative
s static
sk sticky
CSS library
  • "BpAll _Ps": "KW"
Source: content/generate.css, line 62

5.213 #utils-reference.pt Pt

No options
property padding-top
CSS library
  • "Pt_b StOl": (100p, 75p)
Source: content/generate.css, line 620

5.214 #utils-reference.r R

No options
property right
Source: content/generate.css, line 80

5.215 #utils-reference.rs Rs

properties resize
keywords
default none
b both
h horizontal
v vertical
CSS library
  • "Rs": "KW"
Source: content/generate.css, line 2105

5.216 #utils-reference.rwg Rwg

No options
property row-gap
Source: content/generate.css, line 440

5.217 #utils-reference.scb Scb

properties scroll-behavior
keywords
s smooth
CSS library
  • "BpAll _Scb": "s"
Source: content/generate.css, line 2069

5.218 #utils-reference.st St

properties stroke
range-generator "color"
conversion color
Source: content/generate.css, line 2258

5.219 #utils-reference.stda Stda

properties stroke-dasharray
conversion num-length
Source: content/generate.css, line 2276

5.220 #utils-reference.stdo Stdo

properties stroke-dashoffset
conversion num-length
Source: content/generate.css, line 2285

5.221 #utils-reference.stlc Stlc

properties stroke-linecap
keywords
b butt
r round
s square
CSS library
  • "Stlc": "KW"
Source: content/generate.css, line 2294

5.222 #utils-reference.stlj Stlj

properties stroke-linejoin
keywords
a arcs
b bevel
r round
m miter
mc miter-clip
CSS library
  • "Stlj": "KW"
Source: content/generate.css, line 2303

5.223 #utils-reference.sto Sto

properties stroke-opacity
conversion num-percent
Source: content/generate.css, line 2267

5.224 #utils-reference.stw Stw

properties stroke-width
conversion num-length
Source: content/generate.css, line 2312

5.225 #utils-reference.t T

No options
property top
Source: content/generate.css, line 71

5.226 #utils-reference.tas Tas

properties tab-size
conversion num-length
CSS library
  • "Tas": (2, 4)
Source: content/generate.css, line 980

5.227 #utils-reference.tbl Tbl

properties table-layout
keywords
f fixed
CSS library
  • "BpAll _Tbl": ("f", "n")
Source: content/generate.css, line 539

5.228 #utils-reference.tca Tca

properties touch-action
keywords
m manipulation
pl pan-left
pr pan-right
pu pan-up
pd pan-down
px pan-x
py pan-y
pnz pinch-zoom
CSS library
  • "Tca": ("KW", "n")
Source: content/generate.css, line 2177

5.229 #utils-reference.tf Tf

properties
  • transform
  • "--ml-trx"
  • "--ml-try"
  • "--ml-sx"
  • "--ml-sy"
  • "--ml-rt"
  • "--ml-skx"
  • "--ml-sky"
repeat-prop-values false
keywords
default
  • translateX(var(--ml-trx)) translateY(var(--ml-try)) scaleX(var(--ml-sx)) scaleY(var(--ml-sy)) rotate(var(--ml-rt)) skewX(var(--ml-skx)) skewY(var(--ml-sky))
  • 0
  • 0
  • 1
  • 1
  • 0
  • 0
  • 0
mGpu
  • translate3d(var(--ml-trx), var(--ml-try), 0) scaleX(var(--ml-sx)) scaleY(var(--ml-sy)) rotate(var(--ml-rt)) skewX(var(--ml-skx)) skewY(var(--ml-sky))
  • 0
  • 0
  • 1
  • 1
  • 0
  • 0
  • 0
CSS library
  • "BpAll _Tf": ("KW", "n")
Source: content/generate.css, line 1124

5.230 #utils-reference.tfo Tfo

properties transform-origin
keywords position
CSS library
  • "Tfo": ("KW", "r;t", "r;b", "l;b", "l;t")
Source: content/generate.css, line 1133

5.231 #utils-reference.ts Ts

properties transition
conversion abbr-kw
multi-list-separator ","
CSS library
  • "BpAll _Ts": "n"
Source: content/generate.css, line 1871

5.232 #utils-reference.tsb Tsb

properties "transition-behavior"
multi-list-separator ","
keywords
default allow-discrete
n normal
ad allow-discrete
Source: content/generate.css, line 1898

5.233 #utils-reference.tsd Tsd

properties transition-duration
multi-list-separator ","
CSS library
  • "BpAll _Tsd": ("BpAll ArOl _0.3s", 1s, 0s)
Source: content/generate.css, line 1907

5.234 #utils-reference.tsdl Tsdl

properties transition-delay
multi-list-separator ","
CSS library
  • "Tsdl": (0.3s, 1s)
Source: content/generate.css, line 1916

5.235 #utils-reference.tsp Tsp

properties transition-property
conversion abbr-kw
multi-list-separator ","
keywords transition-props
CSS library
  • "Tsp": ("o", "tf", "bxsd")
Source: content/generate.css, line 1889

5.236 #utils-reference.tstf Tstf

properties transition-timing-function
multi-list-separator ","
keywords easing-function
CSS library
  • "Tstf": "KW"
Source: content/generate.css, line 1925

5.237 #utils-reference.txa Txa

properties text-align
keywords
default center
c center
e end
j justify
l left
mp match-parent
r right
s start
CSS library
  • "BpAll _Txa": ("", "l", "r", "j")
Source: content/generate.css, line 791

5.238 #utils-reference.txd Txd

properties text-decoration
keywords
conversion outline
CSS library
  • "^:h_Txd_h f fw": ("", "n", "u", "lt", "o")
Source: content/generate.css, line 890

5.239 #utils-reference.txdc Txdc

properties text-decoration-color
range-generator "color"
conversion color
Source: content/generate.css, line 899

5.240 #utils-reference.txdl Txdl

properties text-decoration-line
keywords text-decoration
Source: content/generate.css, line 908

5.241 #utils-reference.txdst Txdst

properties text-decoration-style
keywords line-style
CSS library
  • "Txdst": ("n", "d", "dh", "db", "w")
Source: content/generate.css, line 917

5.242 #utils-reference.txdt Txdt

properties text-decoration-thickness
keywords text-decoration
Source: content/generate.css, line 926

5.243 #utils-reference.txi Txi

properties text-indent
keywords
h hanging
el each-line
Source: content/generate.css, line 845

5.244 #utils-reference.txo Txo

properties text-overflow
keywords
default ellipsis
c clip
e ellipsis
CSS library
  • "BpAll _Txo": "KW"
Source: content/generate.css, line 953

5.245 #utils-reference.txor Txor

properties text-orientation
keywords
m mixed
u upright
s sideways
Source: content/generate.css, line 854

5.246 #utils-reference.txs Txs

properties text-shadow
conversion outline
multi-list-separator ","
CSS library
  • "BpAll _Txs": "n"
Source: content/generate.css, line 935

5.247 #utils-reference.txt Txt

properties text-transform
keywords
default uppercase
c capitalize
l lowercase
u uppercase
CSS library
  • "BpAll _Txt": "KW"
Source: content/generate.css, line 800

5.248 #utils-reference.txuo Txuo

No options
property text-underline-offset
Source: content/generate.css, line 809

5.249 #utils-reference.txw Txw

properties text-wrap
keywords
  • Txwm
  • Txws
Source: content/generate.css, line 836

5.250 #utils-reference.txwm Txwm

properties text-wrap-mode
keywords
default nowrap
w wrap
n nowrap
Source: content/generate.css, line 818

5.251 #utils-reference.txws Txws

properties text-wrap-style
keywords
b balance
s stable
p pretty
Source: content/generate.css, line 827

5.252 #utils-reference.us Us

properties user-select
keywords
default none
t text
c contain
CSS library
  • "Us": "KW"
Source: content/generate.css, line 2060

5.253 #utils-reference.va Va

properties vertical-align
keywords
default middle
b bottom
bl baseline
m middle
sb sub
sp super
t top
txb text-bottom
txt text-top
CSS library
  • "BpAll _Va": "KW"
Source: content/generate.css, line 944

5.254 #utils-reference.vs Vs

properties visibility
keywords visibility
CSS library
  • "BpAll _Vs": "KW"
Source: content/generate.css, line 1286

5.255 #utils-reference.w W

properties width
keywords sizing
CSS library
  • "BpAll _W": ("a", "KW", [20p, 100, 20], 25p, 50p, 75p, "1/12", "1/6", "1/3", "2/3", "5/12", "7/12", "5/6", "11/12")
Source: content/generate.css, line 2330

5.256 #utils-reference.whs Whs

properties white-space
keywords
default nowrap
n nowrap
nm normal
p pre
pw pre-wrap
pl pre-line
CSS library
  • "Whs": "KW"
Source: content/generate.css, line 782

5.257 #utils-reference.wlc Wlc

properties will-change
conversion abbr-kw
keywords
sps scroll-position
ctn contents
CSS library
  • "Wlc": ("sps", "ctn", "tf")
Source: content/generate.css, line 2159

5.258 #utils-reference.wrb Wrb

properties word-break
keywords
ba break-all
ka keep-all
n normal
CSS library
  • "Wrb": "KW"
Source: content/generate.css, line 863

5.259 #utils-reference.wtm Wtm

properties writing-mode
keywords
ht horizontal-tb
vr vertical-rl
vl vertical-lr
Source: content/generate.css, line 881

5.260 #utils-reference.zi Zi

properties z-index
conversion num-length
CSS library
  • "BpAll ArSt_Zi_f fw": ("a", [-1, 5])
Source: content/generate.css, line 134