mlut documentation

6 #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 Core library may be specified. The values are written in Generation Syntax

Source: content/main.css, line 1450

6.1 #utils-reference.-all -All

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

6.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-, /*!*/ )
In the Core
  • "-Bcf": ""
Source: content/generate.css, line 1412

6.3 #utils-reference.-bcfb -Bcfb

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

6.4 #utils-reference.-bcfbn -Bcfbn

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

6.5 #utils-reference.-bcfc -Bcfc

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

6.6 #utils-reference.-bcfg -Bcfg

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

6.7 #utils-reference.-bcfhr -Bcfhr

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

6.8 #utils-reference.-bcfi -Bcfi

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

6.9 #utils-reference.-bcfo -Bcfo

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

6.10 #utils-reference.-bcfs -Bcfs

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

6.11 #utils-reference.-bcfsp -Bcfsp

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

6.12 #utils-reference.-bdbrd -Bdbrd

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

6.13 #utils-reference.-bdtrd -Bdtrd

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

6.14 #utils-reference.-bdx -Bdx

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

6.15 #utils-reference.-bdxc -Bdxc

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

6.16 #utils-reference.-bdxs -Bdxs

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

6.17 #utils-reference.-bdxw -Bdxw

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

6.18 #utils-reference.-bdy -Bdy

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

6.19 #utils-reference.-bdyc -Bdyc

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

6.20 #utils-reference.-bdys -Bdys

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

6.21 #utils-reference.-bdyw -Bdyw

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

6.22 #utils-reference.-blr -Blr

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

6.23 #utils-reference.-bn -Bn

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

6.24 #utils-reference.-cl -Cl

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

6.25 #utils-reference.-ctr -Ctr

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

6.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
In the Core
  • "BpAll _-D": ("mf", "mif", "vh", "BpAll ArSt _v_ f fw")
Source: content/generate.css, line 152

6.27 #utils-reference.-drps -Drps

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

6.28 #utils-reference.-fns -Fns

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

6.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 1061

6.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 1070

6.31 #utils-reference.-gg -Gg

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

6.32 #utils-reference.-gra -Gra

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

6.33 #utils-reference.-gscc -Gscc

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

6.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

6.35 #utils-reference.-gsfd -Gsfd

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

6.36 #utils-reference.-hur -Hur

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

6.37 #utils-reference.-i -I

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

6.38 #utils-reference.-iv -Iv

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

6.39 #utils-reference.-mx -Mx

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

6.40 #utils-reference.-my -My

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

6.41 #utils-reference.-o -O

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

6.42 #utils-reference.-px -Px

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

6.43 #utils-reference.-py -Py

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

6.44 #utils-reference.-rt -Rt

conversion angle
In the Core
  • "BpAll _-Rt": (-90d, 90d, 180d)
Source: content/generate.css, line 1169

6.45 #utils-reference.-s -S

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

6.46 #utils-reference.-sa -Sa

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

6.47 #utils-reference.-sk -Sk

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

6.48 #utils-reference.-skx -Skx

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

6.49 #utils-reference.-sky -Sky

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

6.50 #utils-reference.-sp -Sp

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

6.51 #utils-reference.-sx -Sx

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

6.52 #utils-reference.-sy -Sy

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

6.53 #utils-reference.-tr -Tr

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

6.54 #utils-reference.-trx -Trx

No options
property "--ml-trx"
In the Core
  • "BpAll _-Trx": -100p
Source: content/generate.css, line 1106

6.55 #utils-reference.-ts -Ts

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

6.56 #utils-reference.-txo -Txo

properties
  • text-overflow
  • overflow
  • white-space
repeat-prop-values false
keywords
default
  • ellipsis
  • hidden
  • nowrap
In the Core
  • "-Txo": ""
Source: content/generate.css, line 926

6.57 #utils-reference.-x -X

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

6.58 #utils-reference.-y -Y

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

6.59 #utils-reference.ac Ac

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

6.60 #utils-reference.acnc Acnc

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

6.61 #utils-reference.ai Ai

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

6.62 #utils-reference.all All

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

6.63 #utils-reference.an An

properties animation
conversion kw-num-length
multi-list-separator ","
keywords
In the Core
  • "BpAll ArOl _An": "n"
Source: content/generate.css, line 1880

6.64 #utils-reference.and And

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

6.65 #utils-reference.andl Andl

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

6.66 #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 1934

6.67 #utils-reference.anfm Anfm

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

6.68 #utils-reference.anic Anic

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

6.69 #utils-reference.ann Ann

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

6.70 #utils-reference.anps Anps

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

6.71 #utils-reference.antf Antf

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

6.72 #utils-reference.ap Ap

properties appearance
keywords
default none
In the Core
  • "Ap": ""
Source: content/generate.css, line 1961

6.73 #utils-reference.apcr Apcr

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

6.74 #utils-reference.as As

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

6.75 #utils-reference.b B

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

6.76 #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-, /*!*/ )
In the Core
  • "Bcf": ("", "n")
Source: content/generate.css, line 1403

6.77 #utils-reference.bd Bd

properties border
conversion outline
keywords
In the Core
  • "Bd": "0;s"
Source: content/generate.css, line 1502

6.78 #utils-reference.bdb Bdb

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

6.79 #utils-reference.bdbc Bdbc

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

6.80 #utils-reference.bdblr Bdblr

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

6.81 #utils-reference.bdbrr Bdbrr

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

6.82 #utils-reference.bdbs Bdbs

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

6.83 #utils-reference.bdbw Bdbw

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

6.84 #utils-reference.bdc Bdc

properties border-color
range-generator "color"
conversion color
In the Core
  • "BpAll _Bdc": "tp"
Source: content/generate.css, line 1565

6.85 #utils-reference.bdcl Bdcl

properties border-collapse
keywords
default collapse
c collapse
s separate
In the Core
  • "Bdcl": "KW"
Source: content/generate.css, line 1754

6.86 #utils-reference.bdl Bdl

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

6.87 #utils-reference.bdlc Bdlc

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

6.88 #utils-reference.bdls Bdls

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

6.89 #utils-reference.bdlw Bdlw

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

6.90 #utils-reference.bdr Bdr

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

6.91 #utils-reference.bdrc Bdrc

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

6.92 #utils-reference.bdrd Bdrd

properties border-radius
multi-list-separator "/"
In the Core
  • "Bdrd": (0, 50p)
Source: content/generate.css, line 1763

6.93 #utils-reference.bdrs Bdrs

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

6.94 #utils-reference.bdrw Bdrw

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

6.95 #utils-reference.bds Bds

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

6.96 #utils-reference.bdt Bdt

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

6.97 #utils-reference.bdtc Bdtc

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

6.98 #utils-reference.bdtlr Bdtlr

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

6.99 #utils-reference.bdtrr Bdtrr

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

6.100 #utils-reference.bdts Bdts

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

6.101 #utils-reference.bdtw Bdtw

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

6.102 #utils-reference.bdw Bdw

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

6.103 #utils-reference.bfv Bfv

properties backface-visibility
keywords visibility
In the Core
  • "Bfv": ("h", "v")
Source: content/generate.css, line 1268

6.104 #utils-reference.bg Bg

properties background
conversion outline
multi-list-separator ","
In the Core
  • "BpAll _Bg": "n"
Source: content/generate.css, line 980

6.105 #utils-reference.bga Bga

properties background-attachment
keywords
f fixed
l local
s scroll
In the Core
  • "Bga": "KW"
Source: content/generate.css, line 1025

6.106 #utils-reference.bgc Bgc

properties background-color
range-generator "color"
conversion color
In the Core
  • "BpAll _Bgc": "tp"
Source: content/generate.css, line 989

6.107 #utils-reference.bgcl Bgcl

properties background-clip
keywords box-ext
In the Core
  • "Bgcl": "KW"
Source: content/generate.css, line 1034

6.108 #utils-reference.bgi Bgi

properties background-image
In the Core
  • "BpAll _Bgi": "n"
Source: content/generate.css, line 1052

6.109 #utils-reference.bgo Bgo

properties background-origin
keywords box-ext
In the Core
  • "Bgo": ("bb", "cb", "pb")
Source: content/generate.css, line 1043

6.110 #utils-reference.bgp Bgp

properties background-position
keywords position
In the Core
  • "Bgp": ("KW", "r;t", "r;b", "l;b", "l;t")
Source: content/generate.css, line 1007

6.111 #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
In the Core
  • "Bgr": "KW"
Source: content/generate.css, line 998

6.112 #utils-reference.bgs Bgs

properties background-size
keywords
ct contain
cv cover
In the Core
  • "BpAll _Bgs": (100p, "KW")
Source: content/generate.css, line 1016

6.113 #utils-reference.bxdb Bxdb

properties box-decoration-break
keywords
s slice
c clone
In the Core
  • "Bxdb": "KW"
Source: content/generate.css, line 1232

6.114 #utils-reference.bxs Bxs

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

6.115 #utils-reference.bxsd Bxsd

properties box-shadow
conversion outline
multi-list-separator ","
keywords
i inset
In the Core
  • "BpAll _Bxsd": "n"
Source: content/generate.css, line 1223

6.116 #utils-reference.c C

properties color
range-generator "color"
conversion color
In the Core
  • "C": ("ih", "tp", "cc")
Source: content/generate.css, line 692

6.117 #utils-reference.cl Cl

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

6.118 #utils-reference.clmg Clmg

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

6.119 #utils-reference.cps Cps

properties caption-side
keywords position
In the Core
  • "Cps": ("t", "b")
Source: content/generate.css, line 2087

6.120 #utils-reference.crc Crc

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

6.121 #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
In the Core
  • "Cs": ("", "a", "d", "wt", "t", "m", "h", "nta")
Source: content/generate.css, line 1250

6.122 #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)
In the Core
  • "Ct_b af StOl": ("", "n", "mAtt")
  • "BpAll ArSO_Ct_b af": ("", "n", "mAtt")
Source: content/generate.css, line 2051

6.123 #utils-reference.ctv Ctv

properties content-visibility
keywords
In the Core
  • "BpAll _Ctv": ("v", "h", "a")
Source: content/generate.css, line 2105

6.124 #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
In the Core
  • "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

6.125 #utils-reference.ec Ec

properties empty-cells
keywords
s show
h hide
In the Core
  • "Ec": "KW"
Source: content/generate.css, line 2078

6.126 #utils-reference.f F

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

6.127 #utils-reference.fi Fi

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

6.128 #utils-reference.fio Fio

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

6.129 #utils-reference.fl Fl

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

6.130 #utils-reference.flb Flb

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

6.131 #utils-reference.fld Fld

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

6.132 #utils-reference.flg Flg

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

6.133 #utils-reference.fls Fls

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

6.134 #utils-reference.flw Flw

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

6.135 #utils-reference.fn Fn

No options
property font
In the Core
  • "Fn": "ih"
Source: content/generate.css, line 701

6.136 #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
In the Core
  • "Fnf": "KW"
Source: content/generate.css, line 737

6.137 #utils-reference.fns Fns

properties font-size
keywords font-size
In the Core
  • "Fns": "ih"
Source: content/generate.css, line 719

6.138 #utils-reference.fnst Fnst

properties font-style
keywords
default italic
i italic
n normal
o oblique
In the Core
  • "Fnst": "KW"
Source: content/generate.css, line 746

6.139 #utils-reference.fnw Fnw

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

6.140 #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-, /*!*/ )
In the Core
  • "Ft": ("", "n")
Source: content/generate.css, line 1304

6.141 #utils-reference.g G

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

6.142 #utils-reference.ga Ga

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

6.143 #utils-reference.gap Gap

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

6.144 #utils-reference.gatc Gatc

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

6.145 #utils-reference.gatf Gatf

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

6.146 #utils-reference.gatr Gatr

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

6.147 #utils-reference.gc Gc

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

6.148 #utils-reference.gce Gce

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

6.149 #utils-reference.gcs Gcs

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

6.150 #utils-reference.gr Gr

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

6.151 #utils-reference.gre Gre

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

6.152 #utils-reference.grs Grs

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

6.153 #utils-reference.gt Gt

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

6.154 #utils-reference.gtc Gtc

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

6.155 #utils-reference.gtr Gtr

properties grid-template-rows
conversion grid-tpl
keywords sizing
In the Core
  • "BpAll _Gtr": "n"
Source: content/generate.css, line 359

6.156 #utils-reference.h H

properties height
keywords sizing
In the Core
  • "BpAll _H": (100p, 100vh, 0, "BpAll ArOl _a")
Source: content/generate.css, line 2204

6.157 #utils-reference.hp Hp

properties hyphens
keywords
m manual
In the Core
  • "Hp": ("n", "a", "m")
Source: content/generate.css, line 935

6.158 #utils-reference.is Is

properties isolation
keywords
i isolate
In the Core
  • "Is": ("i", "a")
Source: content/generate.css, line 1295

6.159 #utils-reference.jc Jc

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

6.160 #utils-reference.ji Ji

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

6.161 #utils-reference.js Js

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

6.162 #utils-reference.l L

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

6.163 #utils-reference.lnh Lnh

properties line-height
conversion kw-num-length
keywords
n normal
In the Core
  • "BpAll _Lnh": ("n", "1")
Source: content/generate.css, line 755

6.164 #utils-reference.lss Lss

properties list-style
keywords
  • Lsst
  • Lssp
In the Core
  • "Lss": "n"
Source: content/generate.css, line 953

6.165 #utils-reference.lssp Lssp

properties list-style-position
keywords
i inside
o outside
In the Core
  • "Lssp": "KW"
Source: content/generate.css, line 971

6.166 #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
In the Core
  • "Lsst": "KW"
Source: content/generate.css, line 962

6.167 #utils-reference.lts Lts

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

6.168 #utils-reference.m M

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

6.169 #utils-reference.mb Mb

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

6.170 #utils-reference.ml Ml

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

6.171 #utils-reference.mnh Mnh

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

6.172 #utils-reference.mnw Mnw

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

6.173 #utils-reference.mr Mr

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

6.174 #utils-reference.mt Mt

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

6.175 #utils-reference.mxh Mxh

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

6.176 #utils-reference.mxw Mxw

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

6.177 #utils-reference.o O

properties opacity
conversion num-percent
In the Core
  • "BpAll _O": (0, 1)
Source: content/generate.css, line 1259

6.178 #utils-reference.od Od

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

6.179 #utils-reference.ojf Ojf

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

6.180 #utils-reference.ojp Ojp

properties object-position
keywords position
In the Core
  • "Ojp": "KW"
Source: content/generate.css, line 1286

6.181 #utils-reference.ol Ol

properties outline
conversion outline
keywords
In the Core
  • "Ol": 0
Source: content/generate.css, line 1178

6.182 #utils-reference.olc Olc

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

6.183 #utils-reference.olo Olo

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

6.184 #utils-reference.ols Ols

properties outline-style
keywords line-style
In the Core
  • "Ols": ("d", "dh", "db", "s")
Source: content/generate.css, line 1205

6.185 #utils-reference.olw Olw

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

6.186 #utils-reference.ov Ov

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

6.187 #utils-reference.ovsb Ovsb

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

6.188 #utils-reference.ovsbx Ovsbx

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

6.189 #utils-reference.ovsby Ovsby

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

6.190 #utils-reference.ovw Ovw

properties overflow-wrap
keywords
a anywhere
bw break-word
n normal
In the Core
  • "Ovw": "KW"
Source: content/generate.css, line 836

6.191 #utils-reference.ovx Ovx

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

6.192 #utils-reference.ovy Ovy

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

6.193 #utils-reference.p P

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

6.194 #utils-reference.pb Pb

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

6.195 #utils-reference.pl Pl

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

6.196 #utils-reference.plcc Plcc

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

6.197 #utils-reference.plci Plci

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

6.198 #utils-reference.plcs Plcs

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

6.199 #utils-reference.pne Pne

properties pointer-events
keywords
default none
In the Core
  • "BpAll _Pne": ("", "n", "a")
Source: content/generate.css, line 1988

6.200 #utils-reference.pr Pr

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

6.201 #utils-reference.ps Ps

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

6.202 #utils-reference.pt Pt

No options
property padding-top
In the Core
  • "Pt_b StOl": (100p, 75p)
Source: content/generate.css, line 611

6.203 #utils-reference.r R

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

6.204 #utils-reference.rs Rs

properties resize
keywords
default none
b both
h horizontal
v vertical
In the Core
  • "Rs": "KW"
Source: content/generate.css, line 2042

6.205 #utils-reference.rwg Rwg

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

6.206 #utils-reference.scb Scb

properties scroll-behavior
keywords
s smooth
In the Core
  • "BpAll _Scb": "s"
Source: content/generate.css, line 2006

6.207 #utils-reference.st St

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

6.208 #utils-reference.stda Stda

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

6.209 #utils-reference.stdo Stdo

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

6.210 #utils-reference.stlc Stlc

properties stroke-linecap
keywords
b butt
r round
s square
In the Core
  • "Stlc": "KW"
Source: content/generate.css, line 2177

6.211 #utils-reference.stlj Stlj

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

6.212 #utils-reference.sto Sto

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

6.213 #utils-reference.stw Stw

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

6.214 #utils-reference.t T

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

6.215 #utils-reference.tas Tas

properties tab-size
conversion num-length
In the Core
  • "Tas": (2, 4)
Source: content/generate.css, line 944

6.216 #utils-reference.tbl Tbl

properties table-layout
keywords
f fixed
In the Core
  • "BpAll _Tbl": ("f", "n")
Source: content/generate.css, line 530

6.217 #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
In the Core
  • "Tca": ("KW", "n")
Source: content/generate.css, line 2114

6.218 #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
In the Core
  • "BpAll _Tf": ("KW", "n")
Source: content/generate.css, line 1079

6.219 #utils-reference.tfo Tfo

properties transform-origin
keywords position
In the Core
  • "Tfo": ("KW", "r;t", "r;b", "l;b", "l;t")
Source: content/generate.css, line 1088

6.220 #utils-reference.ts Ts

properties transition
conversion abbr-kw
multi-list-separator ","
In the Core
  • "BpAll _Ts": "n"
Source: content/generate.css, line 1826

6.221 #utils-reference.tsd Tsd

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

6.222 #utils-reference.tsdl Tsdl

properties transition-delay
multi-list-separator ","
In the Core
  • "Tsdl": (0.3s, 1s)
Source: content/generate.css, line 1862

6.223 #utils-reference.tsp Tsp

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

6.224 #utils-reference.tstf Tstf

properties transition-timing-function
multi-list-separator ","
keywords easing-function
In the Core
  • "Tstf": "KW"
Source: content/generate.css, line 1871

6.225 #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
In the Core
  • "BpAll _Txa": ("", "l", "r", "j")
Source: content/generate.css, line 782

6.226 #utils-reference.txd Txd

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

6.227 #utils-reference.txdc Txdc

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

6.228 #utils-reference.txdl Txdl

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

6.229 #utils-reference.txdst Txdst

properties text-decoration-style
keywords line-style
In the Core
  • "Txdst": ("n", "d", "dh", "db", "w")
Source: content/generate.css, line 881

6.230 #utils-reference.txdt Txdt

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

6.231 #utils-reference.txi Txi

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

6.232 #utils-reference.txo Txo

properties text-overflow
keywords
default ellipsis
c clip
e ellipsis
In the Core
  • "BpAll _Txo": "KW"
Source: content/generate.css, line 917

6.233 #utils-reference.txor Txor

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

6.234 #utils-reference.txs Txs

properties text-shadow
conversion outline
multi-list-separator ","
In the Core
  • "BpAll _Txs": "n"
Source: content/generate.css, line 899

6.235 #utils-reference.txt Txt

properties text-transform
keywords
default uppercase
c capitalize
l lowercase
u uppercase
In the Core
  • "BpAll _Txt": "KW"
Source: content/generate.css, line 791

6.236 #utils-reference.txuo Txuo

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

6.237 #utils-reference.us Us

properties user-select
keywords
default none
t text
c contain
In the Core
  • "Us": "KW"
Source: content/generate.css, line 1997

6.238 #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
In the Core
  • "BpAll _Va": "KW"
Source: content/generate.css, line 908

6.239 #utils-reference.vs Vs

properties visibility
keywords visibility
In the Core
  • "BpAll _Vs": "KW"
Source: content/generate.css, line 1241

6.240 #utils-reference.w W

properties width
keywords sizing
In the Core
  • "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 2213

6.241 #utils-reference.whs Whs

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

6.242 #utils-reference.wlc Wlc

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

6.243 #utils-reference.wrb Wrb

properties word-break
keywords
ba break-all
ka keep-all
n normal
In the Core
  • "Wrb": "KW"
Source: content/generate.css, line 827

6.244 #utils-reference.wtm Wtm

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

6.245 #utils-reference.zi Zi

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