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 2069

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 1421

5.3 #utils-reference.-bcfb -Bcfb

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

5.4 #utils-reference.-bcfbn -Bcfbn

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

5.5 #utils-reference.-bcfc -Bcfc

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

5.6 #utils-reference.-bcfg -Bcfg

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

5.7 #utils-reference.-bcfhr -Bcfhr

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

5.8 #utils-reference.-bcfi -Bcfi

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

5.9 #utils-reference.-bcfo -Bcfo

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

5.10 #utils-reference.-bcfs -Bcfs

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

5.11 #utils-reference.-bcfsp -Bcfsp

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

5.12 #utils-reference.-bdbrd -Bdbrd

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

5.13 #utils-reference.-bdtrd -Bdtrd

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

5.14 #utils-reference.-bdx -Bdx

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

5.15 #utils-reference.-bdxc -Bdxc

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

5.16 #utils-reference.-bdxs -Bdxs

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

5.17 #utils-reference.-bdxw -Bdxw

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

5.18 #utils-reference.-bdy -Bdy

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

5.19 #utils-reference.-bdyc -Bdyc

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

5.20 #utils-reference.-bdys -Bdys

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

5.21 #utils-reference.-bdyw -Bdyw

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

5.22 #utils-reference.-blr -Blr

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

5.23 #utils-reference.-bn -Bn

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

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 1340

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 1349

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 1070

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 1079

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 1358

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 1367

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 1376

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 1385

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 1178

5.45 #utils-reference.-s -S

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

5.46 #utils-reference.-sa -Sa

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

5.47 #utils-reference.-sk -Sk

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

5.48 #utils-reference.-skx -Skx

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

5.49 #utils-reference.-sky -Sky

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

5.50 #utils-reference.-sp -Sp

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

5.51 #utils-reference.-sx -Sx

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

5.52 #utils-reference.-sy -Sy

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

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 1106

5.55 #utils-reference.-trx -Trx

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

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 1844

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 935

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 1979

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 2078

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 1889

5.65 #utils-reference.and And

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

5.66 #utils-reference.andl Andl

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

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 1943

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 1952

5.69 #utils-reference.anic Anic

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

5.70 #utils-reference.ann Ann

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

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 1961

5.72 #utils-reference.antf Antf

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

5.73 #utils-reference.ap Ap

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

5.74 #utils-reference.apcr Apcr

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

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 1412

5.78 #utils-reference.bd Bd

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

5.79 #utils-reference.bdb Bdb

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

5.80 #utils-reference.bdbc Bdbc

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

5.81 #utils-reference.bdblr Bdblr

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

5.82 #utils-reference.bdbrr Bdbrr

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

5.83 #utils-reference.bdbs Bdbs

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

5.84 #utils-reference.bdbw Bdbw

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

5.85 #utils-reference.bdc Bdc

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

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 1763

5.87 #utils-reference.bdl Bdl

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

5.88 #utils-reference.bdlc Bdlc

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

5.89 #utils-reference.bdls Bdls

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

5.90 #utils-reference.bdlw Bdlw

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

5.91 #utils-reference.bdr Bdr

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

5.92 #utils-reference.bdrc Bdrc

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

5.93 #utils-reference.bdrd Bdrd

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

5.94 #utils-reference.bdrs Bdrs

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

5.95 #utils-reference.bdrw Bdrw

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

5.96 #utils-reference.bds Bds

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

5.97 #utils-reference.bdt Bdt

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

5.98 #utils-reference.bdtc Bdtc

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

5.99 #utils-reference.bdtlr Bdtlr

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

5.100 #utils-reference.bdtrr Bdtrr

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

5.101 #utils-reference.bdts Bdts

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

5.102 #utils-reference.bdtw Bdtw

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

5.103 #utils-reference.bdw Bdw

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

5.104 #utils-reference.bfv Bfv

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

5.105 #utils-reference.bg Bg

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

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 1034

5.107 #utils-reference.bgc Bgc

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

5.108 #utils-reference.bgcl Bgcl

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

5.109 #utils-reference.bgi Bgi

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

5.110 #utils-reference.bgo Bgo

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

5.111 #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 1016

5.112 #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 1007

5.113 #utils-reference.bgs Bgs

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

5.114 #utils-reference.bls Bls

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

5.115 #utils-reference.bxdb Bxdb

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

5.116 #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.117 #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 1232

5.118 #utils-reference.c C

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

5.119 #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.120 #utils-reference.clmg Clmg

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

5.121 #utils-reference.coi Coi

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

5.122 #utils-reference.cor Cor

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

5.123 #utils-reference.cos Cos

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

5.124 #utils-reference.cps Cps

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

5.125 #utils-reference.crc Crc

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

5.126 #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 1259

5.127 #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 2060

5.128 #utils-reference.ctn Ctn

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

5.129 #utils-reference.ctnn Ctnn

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

5.130 #utils-reference.ctnt Ctnt

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

5.131 #utils-reference.ctv Ctv

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

5.132 #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.133 #utils-reference.ec Ec

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

5.134 #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.135 #utils-reference.fi Fi

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

5.136 #utils-reference.fio Fio

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

5.137 #utils-reference.fl Fl

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

5.138 #utils-reference.flb Flb

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

5.139 #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.140 #utils-reference.flg Flg

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

5.141 #utils-reference.fls Fls

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

5.142 #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.143 #utils-reference.fn Fn

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

5.144 #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.145 #utils-reference.fns Fns

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

5.146 #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.147 #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.148 #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 1313

5.149 #utils-reference.g G

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

5.150 #utils-reference.ga Ga

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

5.151 #utils-reference.gap Gap

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

5.152 #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.153 #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.154 #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.155 #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.156 #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.157 #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.158 #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.159 #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.160 #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.161 #utils-reference.gt Gt

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

5.162 #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.163 #utils-reference.gtr Gtr

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

5.164 #utils-reference.h H

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

5.165 #utils-reference.hp Hp

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

5.166 #utils-reference.ils Ils

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

5.167 #utils-reference.is Is

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

5.168 #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.169 #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.170 #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.171 #utils-reference.l L

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

5.172 #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.173 #utils-reference.lss Lss

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

5.174 #utils-reference.lssp Lssp

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

5.175 #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 971

5.176 #utils-reference.lts Lts

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

5.177 #utils-reference.m M

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

5.178 #utils-reference.mb Mb

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

5.179 #utils-reference.ml Ml

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

5.180 #utils-reference.mnh Mnh

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

5.181 #utils-reference.mnw Mnw

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

5.182 #utils-reference.mr Mr

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

5.183 #utils-reference.mt Mt

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

5.184 #utils-reference.mxh Mxh

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

5.185 #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.186 #utils-reference.o O

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

5.187 #utils-reference.od Od

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

5.188 #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 1286

5.189 #utils-reference.ojp Ojp

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

5.190 #utils-reference.ol Ol

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

5.191 #utils-reference.olc Olc

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

5.192 #utils-reference.olo Olo

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

5.193 #utils-reference.ols Ols

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

5.194 #utils-reference.olw Olw

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

5.195 #utils-reference.ov Ov

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

5.196 #utils-reference.ovsb Ovsb

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

5.197 #utils-reference.ovsbx Ovsbx

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

5.198 #utils-reference.ovsby Ovsby

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

5.199 #utils-reference.ovw Ovw

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

5.200 #utils-reference.ovx Ovx

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

5.201 #utils-reference.ovy Ovy

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

5.202 #utils-reference.p P

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

5.203 #utils-reference.pb Pb

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

5.204 #utils-reference.pl Pl

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

5.205 #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.206 #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.207 #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.208 #utils-reference.pne Pne

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

5.209 #utils-reference.pr Pr

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

5.210 #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.211 #utils-reference.pt Pt

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

5.212 #utils-reference.r R

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

5.213 #utils-reference.rs Rs

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

5.214 #utils-reference.rwg Rwg

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

5.215 #utils-reference.scb Scb

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

5.216 #utils-reference.st St

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

5.217 #utils-reference.stda Stda

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

5.218 #utils-reference.stdo Stdo

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

5.219 #utils-reference.stlc Stlc

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

5.220 #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 2249

5.221 #utils-reference.sto Sto

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

5.222 #utils-reference.stw Stw

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

5.223 #utils-reference.t T

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

5.224 #utils-reference.tas Tas

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

5.225 #utils-reference.tbl Tbl

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

5.226 #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 2123

5.227 #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 1088

5.228 #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 1097

5.229 #utils-reference.ts Ts

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

5.230 #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 1862

5.231 #utils-reference.tsdl Tsdl

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

5.232 #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 1853

5.233 #utils-reference.tstf Tstf

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

5.234 #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.235 #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 863

5.236 #utils-reference.txdc Txdc

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

5.237 #utils-reference.txdl Txdl

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

5.238 #utils-reference.txdst Txdst

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

5.239 #utils-reference.txdt Txdt

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

5.240 #utils-reference.txi Txi

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

5.241 #utils-reference.txo Txo

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

5.242 #utils-reference.txor Txor

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

5.243 #utils-reference.txs Txs

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

5.244 #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.245 #utils-reference.txuo Txuo

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

5.246 #utils-reference.us Us

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

5.247 #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 917

5.248 #utils-reference.vs Vs

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

5.249 #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 2276

5.250 #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.251 #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 2105

5.252 #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 836

5.253 #utils-reference.wtm Wtm

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

5.254 #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