Appearance

class	properties
appearance:value	appearance: value
appearance:none	appearance: none
appearance:auto	appearance: auto
appearance:menulist-button	appearance: menulist-button
appearance:textfield	appearance: textfield
appearance:button	appearance: button
appearance:searchfield	appearance: searchfield
appearance:textarea	appearance: textarea
appearance:push-button	appearance: push-button
appearance:slider-horizontal	appearance: slider-horizontal
appearance:checkbox	appearance: checkbox
appearance:square-button	appearance: square-button
appearance:menulist	appearance: menulist
appearance:listbox	appearance: listbox
appearance:meter	appearance: meter
appearance:progress-bar	appearance: progress-bar

Accent Color

class	properties
accent-color:color / accent:color	accent-color: color
accent:#hex	accent-color: #hex
accent:rgb(rgb)	accent-color: rgb(rgb)
accent:hsl(hsl)	accent-color: hsl(hsl)

Caret Color

class	properties
caret-color:color / caret:color	caret-color: color
caret:#hex	caret-color: #hex
caret:rgb(rgb)	caret-color: rgb(rgb)
caret:hsl(hsl)	caret-color: hsl(hsl)
caret:transparent	caret-color: transparent

Cursor

class	properties
cursor:value	cursor: value
cursor:auto	cursor: auto
cursor:alias	cursor: alias
cursor:all-scroll	cursor: all-scroll
cursor:cell	cursor: cell
cursor:col-resize	cursor: col-resize
cursor:context-menu	cursor: context-menu
cursor:copy	cursor: copy
cursor:crosshair	cursor: crosshair
cursor:default	cursor: default
cursor:e-resize	cursor: e-resize
cursor:ew-resize	cursor: ew-resize
cursor:grab	cursor: grab
cursor:grabbing	cursor: grabbing
cursor:move	cursor: move
cursor:n-resize	cursor: n-resize
cursor:ne-resize	cursor: ne-resize
cursor:nesw-resize	cursor: nesw-resize
cursor:no-drop	cursor: no-drop
cursor:none	cursor: none
cursor:not-allowed	cursor: not-allowed
cursor:ns-resize	cursor: ns-resize
cursor:nw-resize	cursor: nw-resize
cursor:nwse-resize	cursor: nwse-resize
cursor:pointer	cursor: pointer
cursor:progress	cursor: progress
cursor:row-resize	cursor: row-resize
cursor:s-resize	cursor: s-resize
cursor:se-resize	cursor: se-resize
cursor:sw-resize	cursor: sw-resize
cursor:text	cursor: text
cursor:vertical-text	cursor: vertical-text
cursor:w-resize	cursor: w-resize
cursor:wait	cursor: wait
cursor:zoom-in	cursor: zoom-in
cursor:zoom-out	cursor: zoom-out

Box Decoration Break

class	properties
box-decoration-break:type / box:type	box-decoration-break: type;-webkit-box-decoration-break: type
box:slice	box-decoration-break: slice;-webkit-box-decoration-break: slice
box:clone	box-decoration-break: clone;-webkit-box-decoration-break: clone

Break After

class	properties
break-after:value	break-after: value
break-after:auto	break-after: auto
break-after:avoid	break-after: avoid
break-after:avoid-column	break-after: avoid-column
break-after:avoid-page	break-after: avoid-page
break-after:column	break-after: column
break-after:left	break-after: left
break-after:page	break-after: page
break-after:recto	break-after: recto
break-after:revert	break-after: revert
break-after:right	break-after: right
break-after:verso	break-after: verso

Break Before

class	properties
break-before:value	break-before: value
break-before:auto	break-before: auto
break-before:avoid	break-before: avoid
break-before:avoid-column	break-before: avoid-column
break-before:avoid-page	break-before: avoid-page
break-before:column	break-before: column
break-before:left	break-before: left
break-before:page	break-before: page
break-before:recto	break-before: recto
break-before:revert	break-before: revert
break-before:right	break-before: right
break-before:verso	break-before: verso

Break Inside

class	properties
break-inside:value	break-inside: value
break-inside:auto	break-inside: auto
break-inside:avoid	break-inside: avoid
break-inside:avoid-column	break-inside: avoid-column
break-inside:avoid-page	break-inside: avoid-page
break-inside:revert	break-inside: revert

Clear

class	properties
clear:type	clear: type
clear:both	clear: both
clear:left	clear: left
clear:none	clear: none
clear:right	clear: right

Columns

class	properties
columns:value / cols:value	columns: value
cols:count|width	columns: count width

Column Span

class	properties
column-span:value / col-span:value	column-span: value
col-span:all	column-span: all
col-span:none	column-span: none

Direction

class	properties
direction:ltr	direction: ltr
direction:rtl	direction: rtl

Display

class	properties
display:type / d:type	display: type
hidden / hide	display: none
flex	display: flex
grid	display: grid
inline	display: inline
block	display: block
table	display: table
contents	display: contents
inline-block	display: inline-block
inline-flex	display: inline-flex
inline-grid	display: inline-grid
inline-table	display: inline-table
table-cell	display: table-cell
table-caption	display: table-caption
flow-root	display: flow-root
list-item	display: list-item
table-row	display: table-row
table-column	display: table-column
table-row-group	display: table-row-group
table-column-group	display: table-column-group
table-header-group	display: table-header-group
table-footer-group	display: table-footer-group

Float

class	properties
float:direction	float: direction
float:left	float: left
float:none	float: none
float:right	float: right

Inset

class	properties
inset:offset	inset: offset
inset:offset|offset	inset: offset offset
inset:offset|offset|offset	inset: offset offset offset
inset:offset|offset|offset|offset	inset: offset offset offset offset

Isolation

class	properties
isolation:value	isolation: value
isolation:auto	isolation: auto
isolate	isolation: isolate

Overflow

class	properties
overflow	overflow: visible
overflow:auto	overflow: auto
overflow:hidden	overflow: hidden
overflow:overlay	overflow: overlay
overflow:scroll	overflow: scroll
overflow:clip	overflow: clip
overflow-x:auto	overflow-x: auto
overflow-y:auto	overflow-y: auto
overflow-x:hidden	overflow-x: hidden
overflow-y:hidden	overflow-y: hidden
overflow-x:overlay	overflow-x: overlay
overflow-y:overlay	overflow-y: overlay
overflow-x:scroll	overflow-x: scroll
overflow-y:scroll	overflow-y: scroll
overflow-x:visible	overflow-x: visible
overflow-y:visible	overflow-y: visible
overflow-x:clip	overflow-x: clip
overflow-y:clip	overflow-y: clip

Position

class	properties
position:type	position: type
rel	position: relative
abs	position: absolute
static	position: static
fixed	position: fixed
sticky	position: sticky

Z Index

class	properties
z-index:value / z:value	z-index: value

Flex

class	properties
flex:basis	flex: basis
flex:grow	flex: grow
flex:grow|basis	flex: grow basis
flex:grow|shrink|basis	flex: grow shrink basis

Flex Basis

class	properties
flex-basis:basis	flex-basis: basis
flex-basis:full	flex-basis: 100%
flex-basis:fit	flex-basis: fit-content
flex-basis:max	flex-basis: max-content
flex-basis:max	flex-basis: max-content
flex-basis:3xs / flex-basis:360	flex-basis: 22.5rem
flex-basis:2xs / flex-basis:480	flex-basis: 30rem
flex-basis:xs / flex-basis:600	flex-basis: 37.5rem
flex-basis:sm / flex-basis:768	flex-basis: 48rem
flex-basis:md / flex-basis:1024	flex-basis: 64rem
flex-basis:lg / flex-basis:1280	flex-basis: 80rem
flex-basis:xl / flex-basis:1440	flex-basis: 90rem
flex-basis:2xl / flex-basis:1600	flex-basis: 100rem
flex-basis:3xl / flex-basis:1920	flex-basis: 120rem
flex-basis:4xl / flex-basis:2560	flex-basis: 160rem

Flex Direction

class	properties
flex-direction:value	flex-direction: value
flex:row	flex-direction: row
flex:col	flex-direction: column
flex:col-reverse	flex-direction: column-reverse
flex:row-reverse	flex-direction: row-reverse

Flex Grow

class	properties
flex-grow:value	flex-grow: value

Flex Shrink

class	properties
flex-shrink:value	flex-shrink: value

Flex Wrap

class	properties
flex-wrap:value / flex:value	flex-wrap: value
flex:wrap	flex-wrap: wrap
flex:wrap-reverse	flex-wrap: wrap-reverse
flex:nowrap	flex-wrap: nowrap

Grid

class	properties
grid:template	display: grid
grid:template-rows/auto-flow|auto-columns	display: grid
grid:auto-flow|auto-rows/template-columns	display: grid

Grid Auto Columns

class	properties
grid-auto-columns:value / grid-auto-cols:value	grid-auto-columns: value
grid-auto-cols:auto	grid-auto-columns: auto
grid-auto-cols:min	grid-auto-columns: min-content
grid-auto-cols:max	grid-auto-columns: max-content
grid-auto-cols:minmax(min,max)	grid-auto-columns: minmax(min, max)

Grid Auto Flow

class	properties
grid-auto-flow:value	grid-auto-flow: value
grid-auto-flow:row	grid-auto-flow: row
grid-auto-flow:column	grid-auto-flow: column
grid-auto-flow:dense	grid-auto-flow: dense
grid-auto-flow:row|dense	grid-auto-flow: row dense
grid-auto-flow:column|dense	grid-auto-flow: column dense

Grid Auto Rows

class	properties
grid-auto-rows:value	grid-auto-rows: value
grid-auto-rows:auto	grid-auto-rows: auto
grid-auto-rows:min	grid-auto-rows: min-content
grid-auto-rows:max	grid-auto-rows: max-content
grid-auto-rows:minmax(min,max)	grid-auto-rows: minmax(min, max)

Grid Column

class	properties
grid-column:value / grid-col:value	grid-column: value
grid-col-span:value	grid-column: span value/span value
grid-col-start:value	grid-column-start: value
grid-col-end:value	grid-column-end: value

Grid Columns

class	properties
grid-columns:value / grid-cols:value	display: grid;grid-template-columns: repeat(value, minmax(0, 1fr))

Grid Row

class	properties
grid-row:value	grid-row: value
grid-row-span:value	grid-row: span value/span value
grid-row-start:value	grid-row-start: value
grid-row-end:value	grid-row-end: value

Grid Rows

class	properties
grid-rows:value	display: grid;grid-auto-flow: column;grid-template-rows: repeat(value, minmax(0, 1fr))

Grid Template

class	properties
grid-template:value	grid-template: value
grid-template:rows/columns	grid-template: rows/columns
grid-template:areas|rows/columns	grid-template: areas rows/columns
grid-template:none	grid-template: none

Grid Template Areas

class	properties
grid-template-areas:value	grid-template-areas: value
grid-template-areas:none	grid-template-areas: none

Grid Template Columns

class	properties
grid-template-columns:value / grid-template-cols:value	grid-template-columns: value
grid-template-cols:none	grid-template-columns: none
grid-auto-cols:min	grid-auto-columns: min-content
grid-auto-cols:max	grid-auto-columns: max-content
grid-auto-cols:repeat(min,max)	grid-auto-columns: repeat(min, max)
grid-auto-cols:fit-content(min,max)	grid-auto-columns: fit-content(min, max)
grid-auto-cols:minmax(min,max)	grid-auto-columns: minmax(min, max)

Grid Template Rows

class	properties
grid-template-rows:value	grid-template-rows: value
grid-template-rows:none	grid-template-rows: none
grid-template-rows:min	grid-template-rows: min-content
grid-template-rows:max	grid-template-rows: max-content
grid-template-rows:repeat(min,max)	grid-template-rows: repeat(min, max)
grid-template-rows:fit-content(min,max)	grid-template-rows: fit-content(min, max)
grid-template-rows:minmax(min,max)	grid-template-rows: minmax(min, max)

Align Content

class	properties
align-content:value / ac:value	align-content: value
align-content:normal	align-content: normal
align-content:baseline	align-content: baseline
align-content:center	align-content: center
align-content:stretch	align-content: stretch
align-content:start	align-content: start
align-content:end	align-content: end
align-content:flex-start	align-content: flex-start
align-content:flex-end	align-content: flex-end
align-content:space-around	align-content: space-around
align-content:space-between	align-content: space-between
align-content:space-evenly	align-content: space-evenly

Align Items

class	properties
align-items:align / ai:align	align-items: align
align-items:normal	align-items: normal
align-items:baseline	align-items: baseline
align-items:center	align-items: center
align-items:stretch	align-items: stretch
align-items:start	align-items: start
align-items:end	align-items: end
align-items:flex-start	align-items: flex-start
align-items:flex-end	align-items: flex-end
align-items:self-start	align-items: self-start
align-items:self-end	align-items: self-end
align-items:center-content	align-items: center-content

Align Self

class	properties
align-self:value / as:value	align-self: value
align-self:auto	align-self: auto
align-self:normal	align-self: normal
align-self:baseline	align-self: baseline
align-self:center	align-self: center
align-self:stretch	align-self: stretch
align-self:start	align-self: start
align-self:end	align-self: end
align-self:flex-start	align-self: flex-start
align-self:flex-end	align-self: flex-end
align-self:self-start	align-self: self-start
align-self:self-end	align-self: self-end

Gap

class	properties
gap:size	gap: size
gap:row-gap|col-gap	gap: row-gap col-gap
gap-x:col-gap	column-gap: col-gap
gap-y:row-gap	row-gap: row-gap

Justify Content

class	properties
justify-content:justify / jc:justify	justify-content: justify
justify-content:normal	justify-content: normal
justify-content:left	justify-content: left
justify-content:center	justify-content: center
justify-content:right	justify-content: right
justify-content:stretch	justify-content: stretch
justify-content:start	justify-content: start
justify-content:end	justify-content: end
justify-content:flex-start	justify-content: flex-start
justify-content:flex-end	justify-content: flex-end
justify-content:space-around	justify-content: space-around
justify-content:space-between	justify-content: space-between
justify-content:space-evenly	justify-content: space-evenly
justify-content:center-content	justify-content: center-content

Justify Items

class	properties
justify-items:value / ji:value	justify-items: value
justify-items:auto	justify-items: auto
justify-items:normal	justify-items: normal
justify-items:baseline	justify-items: baseline
justify-items:left	justify-items: left
justify-items:center	justify-items: center
justify-items:right	justify-items: right
justify-items:stretch	justify-items: stretch
justify-items:legacy	justify-items: legacy
justify-items:start	justify-items: start
justify-items:end	justify-items: end
justify-items:flex-start	justify-items: flex-start
justify-items:flex-end	justify-items: flex-end
justify-items:self-start	justify-items: self-start
justify-items:self-end	justify-items: self-end

Justify Self

class	properties
justify-self:value / js:value	justify-self: value
justify-self:auto	justify-self: auto
justify-self:normal	justify-self: normal
justify-self:baseline	justify-self: baseline
justify-self:left	justify-self: left
justify-self:center	justify-self: center
justify-self:right	justify-self: right
justify-self:stretch	justify-self: stretch
justify-self:start	justify-self: start
justify-self:end	justify-self: end
justify-self:flex-start	justify-self: flex-start
justify-self:flex-end	justify-self: flex-end
justify-self:self-start	justify-self: self-start
justify-self:self-end	justify-self: self-end

Order

class	properties
order:value / o:value	order: value
o:first	order: -999999
o:last	order: 999999

Place Content

class	properties
place-content:align-content|justify-content	place-content: align-content justify-content
place-content:normal	place-content: normal
place-content:baseline	place-content: baseline
place-content:center	place-content: center
place-content:stretch	place-content: stretch
place-content:start	place-content: start
place-content:end	place-content: end
place-content:flex-start	place-content: flex-start
place-content:flex-end	place-content: flex-end
place-content:space-around	place-content: space-around
place-content:space-between	place-content: space-between
place-content:space-evenly	place-content: space-evenly

Place Items

class	properties
place-items:align-items|justify-items	place-items: align-items justify-items
place-items:auto	place-items: auto
place-items:normal	place-items: normal
place-items:baseline	place-items: baseline
place-items:center	place-items: center
place-items:stretch	place-items: stretch
place-items:start	place-items: start
place-items:end	place-items: end
place-items:flex-start	place-items: flex-start
place-items:flex-end	place-items: flex-end
place-items:self-start	place-items: self-start
place-items:self-end	place-items: self-end

Place Self

class	properties
place-self:align-self|justify-self	place-self: align-self justify-self
place-self:auto	place-self: auto
place-self:normal	place-self: normal
place-self:baseline	place-self: baseline
place-self:center	place-self: center
place-self:stretch	place-self: stretch
place-self:start	place-self: start
place-self:end	place-self: end
place-self:flex-start	place-self: flex-start
place-self:flex-end	place-self: flex-end
place-self:self-start	place-self: self-start
place-self:self-end	place-self: self-end

Border Collapse

class	properties
border-collapse:value / border:value	border-collapse: value
border:collapse	border-collapse: collapse
border:separate	border-collapse: separate

Table Layout

class	properties
table-layout:value	table-layout: value
table-layout:auto	table-layout: auto
table-layout:fixed	table-layout: fixed

Object Fit

class	properties
object-fit:value / object:value / obj:value	object-fit: value
object-fit:none	object-fit: none
obj:contain	object-fit: contain
obj:cover	object-fit: cover
obj:fill	object-fit: fill
obj:scale-down	object-fit: scale-down

Object Position

class	properties
object-position:position / object:position / obj:position	object-position: position
object-position:position|position / object:position|position / obj:position|position	object-position: position position
obj:top	object-position: top
obj:bottom	object-position: bottom
obj:left	object-position: left
obj:right	object-position: right
obj:center	object-position: center

Font

class	properties
font:style|variant|weight|size/line-height|family / f:style|variant|weight|size/line-height|family	font: style variant weight size/line-height family
font:caption	font: caption
font:icon	font: icon
font:menu	font: menu
font:message-box	font: message-box
font:small-caption	font: small-caption
font:status-bar	font: status-bar

Font Color

class	properties
font-color:color / font:color / f:color	color: color
font:#hex	color: #hex
font:rgb(rgb)	color: rgb(rgb)
font:hsl(hsl)	color: hsl(hsl)

Font Family

class	properties
font-family:value / font:value / f:value	font-family: value
font:serif	font-family: var(--font-serif)
font:mono	font-family: var(--font-mono)
font:sans	font-family: var(--font-sans)

Font Size

class	properties
font-size:size / font:size / f:size	font-size: size

Font Style

class	properties
font-style:style / font:style / f:style	font-style: style
font-style:oblique|deg	font-style: oblique deg
font:normal	font-style: normal
italic	font-style: italic
oblique	font-style: oblique

Font Variant Numeric

class	properties
font-variant-numeric:value / font:value / f:value	font-variant-numeric: value
font:normal	font-style: normal
font:ordinal	font-variant-numeric: ordinal
font:slashed-zero	font-variant-numeric: slashed-zero
font:lining-nums	font-variant-numeric: lining-nums
font:oldstyle-nums	font-variant-numeric: oldstyle-nums
font:proportional-nums	font-variant-numeric: proportional-nums
font:tabular-nums	font-variant-numeric: tabular-nums
font:diagonal-fractions	font-variant-numeric: diagonal-fractions
font:stacked-fractions	font-variant-numeric: stacked-fractions

Font Weight

class	properties
font-weight:weight / font:weight / f:weight	font-weight: weight
font-weight:normal	font-weight: normal
font:lighter	font-weight: lighter
font:bolder	font-weight: bolder
font:thin	font-weight: 100
font:extralight	font-weight: 200
font:light	font-weight: 300
font:regular	font-weight: 400
font:medium	font-weight: 500
font:semibold	font-weight: 600
font:bold	font-weight: 700
font:extrabold	font-weight: 800
font:heavy	font-weight: 900

Font Smoothing

class	properties
font:antialiased / f:antialiased	-webkit-font-smoothing: antialiased;-moz-osxfont-smoothing: grayscale
font:subpixel-antialiased	-moz-osxfont-smoothing: auto;-webkit-font-smoothing: auto

Text Align

class	properties
text-align:align / text:align / t:align	text-align: align
text:start	text-align: start
text:end	text-align: end
text:left	text-align: left
text:right	text-align: right
text:center	text-align: center
text:justify	text-align: justify

Text Decoration

class	properties
text-decoration:line|color|style|thickness	text-decoration: line color style thickness
text:underline	text-decoration-line: underline
text:line-through	text-decoration-line: line-through
text:overline	text-decoration-line: overline

Text Decoration Color

class	properties
text-decoration-color:color / text-decoration:color	text-decoration-color: color
text-decoration:#hex	text-decoration-color: #hex
text-decoration:rgb(rgb)	text-decoration-color: rgb(rgb)
text-decoration:hsl(hsl)	text-decoration-color: hsl(hsl)

Text Decoration Line

class	properties
text-decoration-line:line|…	text-decoration-line: line …
text:none	text-decoration-line: none
text:underline	text-decoration-line: underline
text:overline	text-decoration-line: overline
text:line-through	text-decoration-line: line-through

Text Decoration Style

class	properties
text-decoration-style:style	text-decoration-style: style
text:none	text-decoration-line: none
text:dashed	text-decoration-style: dashed
text:dotted	text-decoration-style: dotted
text:double	text-decoration-style: double
text:solid	text-decoration-style: solid
text:wavy	text-decoration-style: wavy

Text Decoration Thickness

class	properties
text-decoration-thickness:size / text-decoration:size	text-decoration-thickness: size

Text Fill Color

class	properties
text-fill-color:color / text-fill:color	-webkit-text-fill-color: color
text-fill:#hex	-webkit-text-fill-color: #hex
text-fill:rgb(rgb)	-webkit-text-fill-color: rgb(rgb)
text-fill:hsl(hsl)	-webkit-text-fill-color: hsl(hsl)

Text Indent

class	properties
text-indent:offset	text-indent: offset

Text Orientation

class	properties
text-orientation:value	text-orientation: value
text:mixed	text-orientation: mixed
text:sideways	text-orientation: sideways
text:sideways-right	text-orientation: sideways-right
text:upright	text-orientation: upright
text:use-glyph-orientation	text-orientation: use-glyph-orientation

Text Overflow

class	properties
text-overflow:value	text-overflow: value
text:clip	text-overflow: clip
text:ellipsis	text-overflow: ellipsis

Text Shadow

class	properties
text-shadow:offset-x|offset-y|blur-radius|color,…	text-shadow: offset-x offset-y blur-radius color, …
text-shadow:color|offset-x|offset-y|blur-radius	text-shadow: color offset-x offset-y blur-radius
text-shadow:offset-x|offset-y|color	text-shadow: offset-x offset-y color
text-shadow:color|offset-x|offset-y	text-shadow: color offset-x offset-y
text-shadow:offset-x|offset-y	text-shadow: offset-x offset-y

Text Size

class	properties
text:size / t:size

Text Stroke

class	properties
text-stroke:length|color	-webkit-text-stroke: length color

Text Stroke Color

class	properties
text-stroke-color:color / text-stroke:color	-webkit-text-stroke-color: color
text-stroke:#hex	-webkit-text-stroke-color: #hex
text-stroke:rgb(rgb)	-webkit-text-stroke-color: rgb(rgb)
text-stroke:hsl(hsl)	-webkit-text-stroke-color: hsl(hsl)

Text Stroke Width

class	properties
text-stroke-width:value / text-stroke:value	-webkit-text-stroke-width: value

Text Transform

class	properties
text-transform:transform / text:transform / t:transform	text-transform: transform
text-transform:none	text-transform: none
capitalize	text-transform: capitalize
lowercase	text-transform: lowercase
uppercase	text-transform: uppercase

Text Underline Offset

class	properties
text-underline-offset:offset	text-underline-offset: offset

Text Rendering

class	properties
text-rendering:value	text-rendering: value
text-rendering:auto	text-rendering: auto
text:optimizeSpeed	text-rendering: optimizeSpeed
text:optimizeLegibility	text-rendering: optimizeLegibility
text:geometricPrecision	text-rendering: geometricPrecision

List Style

class	properties
list-style:type|position|image	list-style: type position image

List Style Image

class	properties
list-style-image:url(…) / list-style:url(…)	list-style-image: url(…)
list-style:linear-gradient(…)	list-style-image: linear-gradient(…)
list-style:radial-gradient(…)	list-style-image: radial-gradient(…)
list-style:repeating-linear-gradient(…)	list-style-image: repeating-linear-gradient(…)
list-style:repeating-radial-gradient(…)	list-style-image: repeating-radial-gradient(…)
list-style:conic-gradient(…)	list-style-image: conic-gradient(…)

List Style Position

class	properties
list-style-position:position	list-style-position: position
list-style:inside	list-style-position: inside
list-style:outside	list-style-position: outside

List Style Type

class	properties
list-style-type:type	list-style-type: type
list-style:disc	list-style-type: disc
list-style:decimal	list-style-type: decimal

Letter Spacing

class	properties
letter-spacing:value / ls:value	letter-spacing: value

Line Clamp

class	properties
lines:value	overflow: hidden;display: -webkit-box;overflow-wrap: break-word;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: value

Line Height

class	properties
line-height:size / lh:size	line-height: size

Content

class	properties
content:value|…	content: value …
content:normal	content: normal
content:none	content: none
content:no-open-quote	content: no-open-quote
content:no-close-quote	content: no-close-quote
content:url(…)	content: url(…)
content:linear-gradient(…)	content: linear-gradient(…)
content:image-set(…)	content: image-set(…)
content:counter(…)	content: counter(…)
content:attr(…)	content: attr(…)

Vertical Align

class	properties
vertical-align:value / vertical:value / v:value	vertical-align: value
vertical:baseline	vertical-align: baseline
vertical:bottom	vertical-align: bottom
vertical:middle	vertical-align: middle
vertical:sub	vertical-align: sub
vertical:super	vertical-align: super
vertical:text-bottom	vertical-align: text-bottom
vertical:text-top	vertical-align: text-top
vertical:top	vertical-align: top

White Space

class	properties
white-space:value	white-space: value
break-spaces	white-space: break-spaces
white-space:normal	white-space: normal
white-space:nowrap	white-space: nowrap
white-space:pre	white-space: pre
white-space:pre-line	white-space: pre-line
white-space:pre-wrap	white-space: pre-wrap

Word Break

class	properties
word-break:value	word-break: value
word-break:normal	word-break: normal
word-break:break-all	word-break: break-all
word-break:keep-all	word-break: keep-all
break-word	overflow-wrap: break-word;overflow: hidden

Word Spacing

class	properties
word-spacing:value	word-spacing: value

Writing Mode

class	properties
writing-mode:mode	writing-mode: mode
writing-mode:horizontal-tb	writing-mode: horizontal-tb
writing-mode:vertical-rl	writing-mode: vertical-rl
writing-mode:vertical-lr	writing-mode: vertical-lr
writing-mode:lr	writing-mode: lr
writing-mode:lr-tb	writing-mode: lr-tb
writing-mode:rl	writing-mode: rl
writing-mode:rl-tb	writing-mode: rl-tb
writing-mode:tb	writing-mode: tb
writing-mode:tb-rl	writing-mode: tb-rl

Background

class	properties
background:param / bg:param	background: param
background:param,… / bg:param,…	background: param, …

Backdrop Filter

class	properties
backdrop-filter:value / bd:value	backdrop-filter: value;-webkit-backdrop-filter: value
backdrop-filter:value|… / bd:value|…	backdrop-filter: value …;-webkit-backdrop-filter: value …
bd:none	backdrop-filter: none;-webkit-backdrop-filter: none
bd:url(svg)	backdrop-filter: url(svg);-webkit-backdrop-filter: url(svg)
bd:blur(value)	backdrop-filter: blur(value);-webkit-backdrop-filter: blur(value)
bd:brightness(value)	backdrop-filter: brightness(value);-webkit-backdrop-filter: brightness(value)
bd:contrast(value)	backdrop-filter: contrast(value);-webkit-backdrop-filter: contrast(value)
bd:grayscale(value)	backdrop-filter: grayscale(value);-webkit-backdrop-filter: grayscale(value)
bd:hue-rotate({degree})	degree})
bd:invert(value)	backdrop-filter: invert(value);-webkit-backdrop-filter: invert(value)
bd:sepia(value)	backdrop-filter: sepia(value);-webkit-backdrop-filter: sepia(value)
bd:saturate(value)	backdrop-filter: saturate(value);-webkit-backdrop-filter: saturate(value)
bd:opacity(value)	backdrop-filter: opacity(value);-webkit-backdrop-filter: opacity(value)
bd:drop-shadow(offset-x|offset-y|blur-radius|color)	backdrop-filter: drop-shadow(offset-x offset-y blur-radius color);-webkit-backdrop-filter: drop-shadow(offset-x offset-y blur-radius color)

Background Attachment

class	properties
background-attachment:value / background:value / bg:value	background-attachment: value
bg:fixed	background-attachment: fixed
bg:local	background-attachment: local
bg:scroll	background-attachment: scroll

Background Blend Mode

class	properties
background-blend-mode:mode	background-blend-mode: mode
background-blend-mode:normal	background-blend-mode: normal
background-blend-mode:multiply	background-blend-mode: multiply
background-blend-mode:screen	background-blend-mode: screen
background-blend-mode:overlay	background-blend-mode: overlay
background-blend-mode:darken	background-blend-mode: darken
background-blend-mode:lighten	background-blend-mode: lighten
background-blend-mode:color-dodge	background-blend-mode: color-dodge
background-blend-mode:color-burn	background-blend-mode: color-burn
background-blend-mode:hard-light	background-blend-mode: hard-light
background-blend-mode:soft-light	background-blend-mode: soft-light
background-blend-mode:difference	background-blend-mode: difference
background-blend-mode:exclusion	background-blend-mode: exclusion
background-blend-mode:hue	background-blend-mode: hue
background-blend-mode:saturation	background-blend-mode: saturation
background-blend-mode:color	background-blend-mode: color
background-blend-mode:luminosity	background-blend-mode: luminosity

Background Clip

class	properties
background-clip:origin	-webkit-background-clip: origin;background-clip: origin
bg:text	-webkit-background-clip: text;background-clip: text
background-clip:border	-webkit-background-clip: border-box;background-clip: border-box
background-clip:content	-webkit-background-clip: content-box;background-clip: content-box
background-clip:padding	-webkit-background-clip: padding-box;background-clip: padding-box

Background Color

class	properties
background-color:color / background:color / bg:color	background-color: color
bg:#hex	background-color: #hex
bg:rgb(rgb)	background-color: rgb(rgb)
bg:hsl(hsl)	background-color: hsl(hsl)
bg:transparent	background-color: transparent

Background Image

class	properties
background-image:url(…) / background:url(…) / bg:url(…)	background-image: url(…)
bg:linear-gradient(…)	background-image: linear-gradient(…)
bg:radial-gradient(…)	background-image: radial-gradient(…)
bg:repeating-linear-gradient(…)	background-image: repeating-linear-gradient(…)
bg:repeating-radial-gradient(…)	background-image: repeating-radial-gradient(…)
bg:conic-gradient(…)	background-image: conic-gradient(…)

Background Origin

class	properties
background-origin:origin	background-origin: origin
bg:border	background-origin: border-box
bg:content	background-origin: content-box
bg:padding	background-origin: padding-box

Background Position

class	properties
background-position:value / bg:value	background-position: value
background-position:x|y	background-position: x y
background-position:direction|direction|value	background-position: direction direction value
background-position:direction|value|direction|value	background-position: direction value direction value
background-position:position,…	background-position: position, …
bg:top	background-position: top
bg:bottom	background-position: bottom
bg:right	background-position: right
bg:left	background-position: left
bg:center	background-position: center

Background Repeat

class	properties
background-repeat:mode / bg:mode	background-repeat: mode
background-repeat:horizontal|vertical	background-repeat: horizontal vertical
bg:repeat	background-repeat: repeat
bg:no-repeat	background-repeat: no-repeat
bg:repeat-x	background-repeat: repeat-x
bg:repeat-y	background-repeat: repeat-y

Background Size

class	properties
background-size:width / background:width / bg:width	background-size: width
background-size:width|height	background-size: width height
background-size:size,…	background-size: size, …
bg:auto	background-size: auto
bg:cover	background-size: cover
bg:contain	background-size: contain

Border

class	properties
border:size|style|color / b:size|style|color	border: size style color
border-top:size|style|color / bt:size|style|color	border-top: size style color
border-bottom:size|style|color / bb:size|style|color	border-bottom: size style color
border-left:size|style|color / bl:size|style|color	border-left: size style color
border-right:size|style|color / br:size|style|color	border-right: size style color
bx:size|style|color	border-left: size style color;border-right: size style color
by:size|style|color	border-top: size style color;border-bottom: size style color

Border Color

class	properties
border-color:color / border:color / b:color	border-color: color
border-top:color / bt:color	border-top: color
border-bottom:color / bb:color	border-bottom: color
border-left:color / bl:color	border-left: color
border-right:color / br:color	border-right: color
bx:color	border-left: color;border-right: color
by:color	border-top: color;border-bottom: color

Border Style

class	properties
border-style:style / border:style / b:style	border-style: style
border-style:style|style	border-style: style style
border-style:style|style|style	border-style: style style style
border-style:style|style|style|style	border-style: style style style style
border-top:style / bt:style	border-top: style
border-bottom:style / bb:style	border-bottom: style
border-left:style / bl:style	border-left: style
border-right:style / br:style	border-right: style
bx:style	border-left: style;border-right: style
by:style	border-top: style;border-bottom: style
b:none	border-style: none
b:hidden	border-style: hidden
b:dotted	border-style: dotted
b:dashed	border-style: dashed
b:solid	border-style: solid
b:double	border-style: double
b:groove	border-style: groove
b:ridge	border-style: ridge
b:inset	border-style: inset
b:outset	border-style: outset

Border Width

class	properties
border-width:size / border:size / b:size	border-width: size
border-width:size|size	border-width: size size
border-width:size|size|size|size	border-width: size size size size
border-top:size / bt:size	border-top: size
border-bottom:size / bb:size	border-bottom: size
border-left:size / bl:size	border-left: size
border-right:size / br:size	border-right: size
bx:size	border-left: size;border-right: size
by:size	border-top: size;border-bottom: size

Border Radius

class	properties
border-radius:radius / r:radius	border-radius: radius
border-radius:radius|radius / r:radius|radius	border-radius: radius radius
border-radius:radius|radius|radius|radius / r:radius|radius|radius|radius	border-radius: radius radius radius radius
rt:radius	border-top-left-radius: radius;border-top-right-radius: radius
rt:radius|radius	border-top-left-radius: radius radius;border-top-right-radius: radius radius
rb:radius	border-bottom-left-radius: radius;border-bottom-right-radius: radius
rb:radius|radius	border-bottom-left-radius: radius radius;border-bottom-right-radius: radius radius
rl:radius	border-top-left-radius: radius;border-bottom-left-radius: radius
rl:radius|radius	border-top-left-radius: radius radius;border-bottom-left-radius: radius radius
rr:radius	border-top-right-radius: radius;border-bottom-right-radius: radius
rr:radius|radius	border-top-right-radius: radius radius;border-bottom-right-radius: radius radius
rtl:radius / rlt:radius	border-top-left-radius: radius
rtl:radius|radius / rlt:radius|radius	border-top-left-radius: radius radius
rtr:radius / rrt:radius	border-top-right-radius: radius
rtr:radius|radius / rrt:radius|radius	border-top-right-radius: radius radius
rbl:radius / rlb:radius	border-bottom-left-radius: radius
rbl:radius|radius / rlb:radius|radius	border-bottom-left-radius: radius radius
rbr:radius / rrb:radius	border-bottom-right-radius: radius
rbr:radius|radius / rrb:radius|radius	border-bottom-right-radius: radius radius
rounded	border-radius: 1e9em
round	border-radius: 50%

Outline

class	properties
outline:style	outline: style
outline:color|style	outline: color style
outline:style|width	outline: style width
outline:color|style|width	outline: color style width

Outline Color

class	properties
outline-color:color / outline:color	outline-color: color
outline:#hex	outline-color: #hex
outline:rgb(rgb)	outline-color: rgb(rgb)
outline:hsl(hsl)	outline-color: hsl(hsl)

Outline Offset

class	properties
outline-offset:offset	outline-offset: offset

Outline Style

class	properties
outline-style:style	outline-style: style
outline:none	outline-style: none
outline:dotted	outline-style: dotted
outline:dashed	outline-style: dashed
outline:solid	outline-style: solid
outline:double	outline-style: double
outline:groove	outline-style: groove
outline:ridge	outline-style: ridge
outline:inset	outline-style: inset
outline:outset	outline-style: outset

Outline Width

class	properties
outline-width:size / outline:size	outline-width: size
outline:medium	outline-width: medium
outline:thick	outline-width: thick
outline:thin	outline-width: thin

Shape Image Threshold

class	properties
shape-image-threshold:value	shape-image-threshold: value

Shape Margin

class	properties
shape-margin:size / shape:size	shape-margin: size

Shape Outside

class	properties
shape-outside:value	shape-outside: value
shape-outside:none	shape-outside: none
shape:margin	shape-outside: margin-box
shape:content	shape-outside: content-box
shape:border	shape-outside: border-box
shape:padding	shape-outside: padding-box
shape:inset(…)	shape-outside: inset(…)
shape:circle(…)	shape-outside: circle(…)
shape:ellipse(…)	shape-outside: ellipse(…)
shape:polygon(…)	shape-outside: polygon(…)
shape:url(…)	shape-outside: url(…)
shape:linear-gradient(…)	shape-outside: linear-gradient(…)

Clip Path

class	properties
clip-path:value / clip:value	clip-path: value
clip:none	clip-path: none
clip:margin	clip-path: margin-box
clip:border	clip-path: border-box
clip:padding	clip-path: padding-box
clip:content	clip-path: content-box
clip:fill	clip-path: fill-box
clip:stroke	clip-path: stroke-box
clip:view	clip-path: view-box
clip:inset(…)	clip-path: inset(…)
clip:circle(…)	clip-path: circle(…)
clip:ellipse(…)	clip-path: ellipse(…)
clip:polygon(…)	clip-path: polygon(…)
clip:path(…)	clip-path: path(…)
clip:url(…)	clip-path: url(…)

Aspect Ratio

class	properties
aspect-ratio:ratio / aspect:ratio	aspect-ratio: ratio
square	aspect-ratio: 1/1
video	aspect-ratio: 16/9

Box Sizing

class	properties
box-sizing:value / box:value	box-sizing: value
box:content	box-sizing: content-box
box:border	box-sizing: border-box

Width

class	properties
width:size / w:size / w:n/n	width: size
w:full	width: 100%
w:fit	width: fit-content
w:max	width: max-content
w:max	width: max-content
w:3xs / w:360	width: 22.5rem
w:2xs / w:480	width: 30rem
w:xs / w:600	width: 37.5rem
w:sm / w:768	width: 48rem
w:md / w:1024	width: 64rem
w:lg / w:1280	width: 80rem
w:xl / w:1440	width: 90rem
w:2xl / w:1600	width: 100rem
w:3xl / w:1920	width: 120rem
w:4xl / w:2560	width: 160rem

Min Width

class	properties
min-width:size / min-w:size	min-width: size
min-w:full	min-width: 100%
min-w:fit	min-width: fit-content
min-w:max	min-width: max-content
min-w:max	min-width: max-content
min-w:3xs / min-w:360	min-width: 22.5rem
min-w:2xs / min-w:480	min-width: 30rem
min-w:xs / min-w:600	min-width: 37.5rem
min-w:sm / min-w:768	min-width: 48rem
min-w:md / min-w:1024	min-width: 64rem
min-w:lg / min-w:1280	min-width: 80rem
min-w:xl / min-w:1440	min-width: 90rem
min-w:2xl / min-w:1600	min-width: 100rem
min-w:3xl / min-w:1920	min-width: 120rem
min-w:4xl / min-w:2560	min-width: 160rem

Max Width

class	properties
max-width:size / max-w:size	max-width: size
max-w:full	max-width: 100%
max-w:fit	max-width: fit-content
max-w:max	max-width: max-content
max-w:max	max-width: max-content
max-w:3xs / max-w:360	max-width: 22.5rem
max-w:2xs / max-w:480	max-width: 30rem
max-w:xs / max-w:600	max-width: 37.5rem
max-w:sm / max-w:768	max-width: 48rem
max-w:md / max-w:1024	max-width: 64rem
max-w:lg / max-w:1280	max-width: 80rem
max-w:xl / max-w:1440	max-width: 90rem
max-w:2xl / max-w:1600	max-width: 100rem
max-w:3xl / max-w:1920	max-width: 120rem
max-w:4xl / max-w:2560	max-width: 160rem

Height

class	properties
height:size / h:size	height: size
h:full	height: 100%
h:fit	height: fit-content
h:max	height: max-content
h:max	height: max-content
h:3xs / h:360	height: 22.5rem
h:2xs / h:480	height: 30rem
h:xs / h:600	height: 37.5rem
h:sm / h:768	height: 48rem
h:md / h:1024	height: 64rem
h:lg / h:1280	height: 80rem
h:xl / h:1440	height: 90rem
h:2xl / h:1600	height: 100rem
h:3xl / h:1920	height: 120rem
h:4xl / h:2560	height: 160rem

Min Height

class	properties
min-height:size / min-h:size	min-height: size
min-h:full	min-height: 100%
min-h:fit	min-height: fit-content
min-h:max	min-height: max-content
min-h:max	min-height: max-content
min-h:3xs / min-h:360	min-height: 22.5rem
min-h:2xs / min-h:480	min-height: 30rem
min-h:xs / min-h:600	min-height: 37.5rem
min-h:sm / min-h:768	min-height: 48rem
min-h:md / min-h:1024	min-height: 64rem
min-h:lg / min-h:1280	min-height: 80rem
min-h:xl / min-h:1440	min-height: 90rem
min-h:2xl / min-h:1600	min-height: 100rem
min-h:3xl / min-h:1920	min-height: 120rem
min-h:4xl / min-h:2560	min-height: 160rem

Max Height

class	properties
max-height:size / max-h:size	max-height: size
max-h:full	max-height: 100%
max-h:fit	max-height: fit-content
max-h:max	max-height: max-content
max-h:max	max-height: max-content
max-h:3xs / max-h:360	max-height: 22.5rem
max-h:2xs / max-h:480	max-height: 30rem
max-h:xs / max-h:600	max-height: 37.5rem
max-h:sm / max-h:768	max-height: 48rem
max-h:md / max-h:1024	max-height: 64rem
max-h:lg / max-h:1280	max-height: 80rem
max-h:xl / max-h:1440	max-height: 90rem
max-h:2xl / max-h:1600	max-height: 100rem
max-h:3xl / max-h:1920	max-height: 120rem
max-h:4xl / max-h:2560	max-height: 160rem

Gap

class	properties
gap:size	gap: size
gap:row-gap|col-gap	gap: row-gap col-gap
gap-x:col-gap	column-gap: col-gap
gap-y:row-gap	row-gap: row-gap

Letter Spacing

class	properties
letter-spacing:value / ls:value	letter-spacing: value

Margin

class	properties
margin-top:size / mt:size	margin-top: size
margin-bottom:size / mb:size	margin-bottom: size
margin-left:size / ml:size	margin-left: size
margin-right:size / mr:size	margin-right: size
margin:size / m:size	margin: size
margin:size|size / m:size|size	margin: size size
margin:size|size|size / m:size|size|size	margin: size size size
margin:size|size|size|size / m:size|size|size|size	margin: size size size size
mx:size	margin-left: size;margin-right: size
my:size	margin-top: size;margin-bottom: size

Padding

class	properties
padding-top:size / pt:size	padding-top: size
padding-bottom:size / pb:size	padding-bottom: size
padding-left:size / pl:size	padding-left: size
padding-right:size / pr:size	padding-right: size
padding:size / p:size	padding: size
padding:size|size / p:size|size	padding: size size
padding:size|size|size / p:size|size|size	padding: size size size
padding:size|size|size|size / p:size|size|size|size	padding: size size size size
px:size	padding-left: size;padding-right: size
py:size	padding-top: size;padding-bottom: size

Word Spacing

class	properties
word-spacing:value	word-spacing: value

Transition

class	properties
transition:name|duration / ~name|duration	transition: name duration
transition:name|duration,…	transition: name duration, …
~:name|duration,…	transition:
transition:name|duration|delay / ~name|duration|delay	transition: name duration delay
transition:name|duration|timing-function / ~name|duration|timing-function	transition: name duration timing-function
transition:name|duration|timing-function|delay / ~name|duration|timing-function|delay	transition: name duration timing-function delay

Transition Delay

class	properties
transition-delay:milliSeconds,…	transition-delay: milliSeconds, …
~delay:milliSeconds,…	transition-delay: milliSeconds, …

Transition Duration

class	properties
transition-duration:milliSeconds,…	transition-duration: milliSeconds, …
~duration:milliSeconds,…	transition-duration: milliSeconds, …

Transition Property

class	properties
transition-property:value,…	transition-property: value, …
~property:value,…	transition-property: value, …

Transition Timing Function

class	properties
transition-timing-function:function,… / ~easing:function,…	transition-timing-function: function, …
~easing:ease	transition-timing-function: ease
~easing:ease-in	transition-timing-function: ease-in
~easing:ease-out	transition-timing-function: ease-out
~easing:linear	transition-timing-function: linear
~easing:step-start	transition-timing-function: step-start
~easing:step-end	transition-timing-function: step-end
~easing:steps(stop,direction)	transition-timing-function: steps(stop, direction)
~easing:frames(value)	transition-timing-function: frames(value)
~easing:cubic-bezier(value,value,value,value)	transition-timing-function: cubic-bezier(value, value, value, value)

Transform

class	properties
transform:function	transform: function
translate(x,y)	transform: translate(x, y)
translate3d(x,y,z)	transform: translate3d(x, y, z)
translateX(x)	transform: translateX(x)
translateY(y)	transform: translateY(y)
translateZ(z)	transform: translateZ(z)
scale(both)	transform: scale(both)
scale(x,y)	transform: scale(x, y)
scale3d(x,y,z)	transform: scale3d(x, y, z)
scaleX(x)	transform: scaleX(x)
scaleY(y)	transform: scaleY(y)
scaleZ(z)	transform: scaleZ(z)
skew(x,y)	transform: skew(x, y)
skewX(x)	transform: skewX(x)
skewY(y)	transform: skewY(y)
rotate(angle)	transform: rotate(angle)
rotate3d(x,y,z,angle)	transform: rotate3d(x, y, z, angle)
rotateX(value)	transform: rotateX(value)
rotateY(value)	transform: rotateY(value)
rotateZ(value)	transform: rotateZ(value)
perspective(value)	transform: perspective(value)
matrix(a,b,c,d,x,y)	transform: matrix(a, b, c, d, x, y)
matrix3d(a1,b1,c1,d1,a2,b2,c2,d2,a3,b3,c3,d3,a4,b4,c4,d4)	transform: matrix3d(a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4)

Transform Box

class	properties
transform-box:box	transform-box: box
transform:content	transform-box: content-box
transform:border	transform-box: border-box
transform:fill	transform-box: fill-box
transform:stroke	transform-box: stroke-box
transform:view	transform-box: view-box

Transform Origin

class	properties
transform-origin:value	transform-origin: value
transform:offset-x|offset-y	transform: offset-x offset-y
transform:offset-x|offset-y|offset-z	transform: offset-x offset-y offset-z
transform:top	transform-origin: top
transform:bottom	transform-origin: bottom
transform:right	transform-origin: right
transform:left	transform-origin: left
transform:center	transform-origin: center

Transform Style

class	properties
transform-style:value	transform-style: value
transform:flat	transform-style: flat
transform:preserve-3d	transform-style: preserve-3d

Animation

class	properties
animation:name|duration|… / @name|duration|…	animation: name duration …

Animation Delay

class	properties
animation-delay:milliSeconds,…	animation-delay: milliSeconds, …
@delay:milliSeconds,…	animation-delay: milliSeconds, …

Animation Direction

class	properties
animation-direction:value,… / @direction:value,…	animation-direction: value, …
@direction:normal	animation-direction: normal
@direction:reverse	animation-direction: reverse
@direction:alternate	animation-direction: alternate
@direction:alternate-reverse	animation-direction: alternate-reverse

Animation Duration

class	properties
animation-duration:milliSeconds,… / @duration:milliSeconds,…	animation-duration: milliSeconds, …

Animation Fill Mode

class	properties
animation-fill-mode:mode,… / @fill-mode:mode,…	animation-fill-mode: mode, …
@fill-mode:none	animation-fill-mode: none
@fill-mode:forwards	animation-fill-mode: forwards
@fill-mode:backwards	animation-fill-mode: backwards
@fill-mode:both	animation-fill-mode: both

Animation Iteration Count

class	properties
animation-iteration-count:value|… / @iteration-count:value|…	animation-iteration-count: value …
@iteration-count:infinite	animation-iteration-count: infinite

Animation Name

class	properties
animation-name:name,… / @name:name,…	animation-name: name, …

Animation Play State

class	properties
animation-play-state:state,… / @play-state:state,…	animation-play-state: state, …
@play-state:running	animation-play-state: running
@play-state:paused	animation-play-state: paused

Animation Timing Function

class	properties
animation-timing-function:function,… / @easing:function,…	animation-timing-function: function, …
@easing:ease	animation-timing-function: ease
@easing:ease-in	animation-timing-function: ease-in
@easing:ease-out	animation-timing-function: ease-out
@easing:linear	animation-timing-function: linear
@easing:step-start	animation-timing-function: step-start
@easing:step-end	animation-timing-function: step-end
@easing:steps(stop,direction)	animation-timing-function: steps(stop, direction)
@easing:frames(value)	animation-timing-function: frames(value)
@easing:cubic-bezier(value,value,value,value)	animation-timing-function: cubic-bezier(value, value, value, value)

Fill

class	properties
fill:color	fill: color
fill:#hex	fill: #hex
fill:rgb(rgb)	fill: rgb(rgb)
fill:hsl(hsl)	fill: hsl(hsl)

Stroke

class	properties
stroke:color	stroke: color
stroke:#hex	stroke: #hex
stroke:rgb(rgb)	stroke: rgb(rgb)
stroke:hsl(hsl)	stroke: hsl(hsl)

Stroke Width

class	properties
stroke-width:size / stroke:size	stroke-width: size

Visibility

class	properties
visibility:value	visibility: value
visible	visibility: visible
invisible	visibility: hidden
visibility:collapse	visibility: collapse

Opacity

class	properties
opacity:value	opacity: value

Backdrop Filter

class	properties
backdrop-filter:value / bd:value	backdrop-filter: value;-webkit-backdrop-filter: value
backdrop-filter:value|… / bd:value|…	backdrop-filter: value …;-webkit-backdrop-filter: value …
bd:none	backdrop-filter: none;-webkit-backdrop-filter: none
bd:url(svg)	backdrop-filter: url(svg);-webkit-backdrop-filter: url(svg)
bd:blur(value)	backdrop-filter: blur(value);-webkit-backdrop-filter: blur(value)
bd:brightness(value)	backdrop-filter: brightness(value);-webkit-backdrop-filter: brightness(value)
bd:contrast(value)	backdrop-filter: contrast(value);-webkit-backdrop-filter: contrast(value)
bd:grayscale(value)	backdrop-filter: grayscale(value);-webkit-backdrop-filter: grayscale(value)
bd:hue-rotate({degree})	degree})
bd:invert(value)	backdrop-filter: invert(value);-webkit-backdrop-filter: invert(value)
bd:sepia(value)	backdrop-filter: sepia(value);-webkit-backdrop-filter: sepia(value)
bd:saturate(value)	backdrop-filter: saturate(value);-webkit-backdrop-filter: saturate(value)
bd:opacity(value)	backdrop-filter: opacity(value);-webkit-backdrop-filter: opacity(value)
bd:drop-shadow(offset-x|offset-y|blur-radius|color)	backdrop-filter: drop-shadow(offset-x offset-y blur-radius color);-webkit-backdrop-filter: drop-shadow(offset-x offset-y blur-radius color)

Background Blend Mode

class	properties
background-blend-mode:mode	background-blend-mode: mode
background-blend-mode:normal	background-blend-mode: normal
background-blend-mode:multiply	background-blend-mode: multiply
background-blend-mode:screen	background-blend-mode: screen
background-blend-mode:overlay	background-blend-mode: overlay
background-blend-mode:darken	background-blend-mode: darken
background-blend-mode:lighten	background-blend-mode: lighten
background-blend-mode:color-dodge	background-blend-mode: color-dodge
background-blend-mode:color-burn	background-blend-mode: color-burn
background-blend-mode:hard-light	background-blend-mode: hard-light
background-blend-mode:soft-light	background-blend-mode: soft-light
background-blend-mode:difference	background-blend-mode: difference
background-blend-mode:exclusion	background-blend-mode: exclusion
background-blend-mode:hue	background-blend-mode: hue
background-blend-mode:saturation	background-blend-mode: saturation
background-blend-mode:color	background-blend-mode: color
background-blend-mode:luminosity	background-blend-mode: luminosity

Box Shadow

class	properties
box-shadow:value,… / shadow:value,…	box-shadow: value, …
shadow:offset-x|offset-y|color	box-shadow: offset-x offset-y color
shadow:offset-x|offset-y|blur-radius|color}	box-shadow: offset-x offset-y blur-radius color}
shadow:offset-x|offset-y|blur-radius|spread-radius|color	box-shadow: offset-x offset-y blur-radius spread-radius color
shadow:inset;offset-x|offset-y|color	box-shadow: inset;offset-x offset-y color

Filter

class	properties
filter:value|value|…	filter: value value …
filter:none	filter: none
filter:url(svg)	filter: url(svg)
blur(value)	filter: blur(value)
brightness(value)	filter: brightness(value)
contrast(value)	filter: contrast(value)
grayscale(value)	filter: grayscale(value)
hue-rotate(degree)	filter: hue-rotate(degree)
invert(value)	filter: invert(value)
sepia(value)	filter: sepia(value)
saturate(value)	filter: saturate(value)
opacity(value)	filter: opacity(value)
drop-shadow(offset-x|offset-y|blur-radius|color)	filter: drop-shadow(offset-x offset-y blur-radius color)

Mask Image

class	properties
mask-image:image,…	mask-image: image, …;-webkit-mask-image: image, …

Mix Blend Mode

class	properties
mix-blend-mode:mode / blend:mode	mix-blend-mode: mode
blend:normal	mix-blend-mode: normal
blend:multiply	mix-blend-mode: multiply
blend:screen	mix-blend-mode: screen
blend:overlay	mix-blend-mode: overlay
blend:darken	mix-blend-mode: darken
blend:lighten	mix-blend-mode: lighten
blend:color-dodge	mix-blend-mode: color-dodge
blend:color-burn	mix-blend-mode: color-burn
blend:hard-light	mix-blend-mode: hard-light
blend:soft-light	mix-blend-mode: soft-light
blend:difference	mix-blend-mode: difference
blend:exclusion	mix-blend-mode: exclusion
blend:hue	mix-blend-mode: hue
blend:saturation	mix-blend-mode: saturation
blend:color	mix-blend-mode: color
blend:luminosity	mix-blend-mode: luminosity

Text Shadow

class	properties
text-shadow:offset-x|offset-y|blur-radius|color,…	text-shadow: offset-x offset-y blur-radius color, …
text-shadow:color|offset-x|offset-y|blur-radius	text-shadow: color offset-x offset-y blur-radius
text-shadow:offset-x|offset-y|color	text-shadow: offset-x offset-y color
text-shadow:color|offset-x|offset-y	text-shadow: color offset-x offset-y
text-shadow:offset-x|offset-y	text-shadow: offset-x offset-y

Overscroll Behavior

class	properties
overscroll-behavior:value	overscroll-behavior: value
overscroll-behavior-x:value	overscroll-behavior-x: value
overscroll-behavior-y:value	overscroll-behavior-y: value
overscroll-behavior:auto	overscroll-behavior: auto
overscroll-behavior:contain	overscroll-behavior: contain
overscroll-behavior:none	overscroll-behavior: none
overscroll-behavior-x:auto	overscroll-behavior-x: auto
overscroll-behavior-y:auto	overscroll-behavior-y: auto
overscroll-behavior-x:contain	overscroll-behavior-x: contain
overscroll-behavior-y:contain	overscroll-behavior-y: contain
overscroll-behavior-x:none	overscroll-behavior-x: none
overscroll-behavior-y:none	overscroll-behavior-y: none

Scroll Behavior

class	properties
scroll-behavior:value	scroll-behavior: value
scroll-behavior:auto	scroll-behavior: auto
scroll-behavior:smooth	scroll-behavior: smooth

Scroll Margin

class	properties
scroll-margin:size / scroll-m:size	scroll-margin: size
scroll-margin:size|size|size|size / scroll-m:size|size|size|size	scroll-margin: size size size size
scroll-margin-top:size / scroll-mt:size	scroll-margin-top: size
scroll-margin-bottom:size / scroll-mb:size	scroll-margin-bottom: size
scroll-margin-left:size / scroll-ml:size	scroll-margin-left: size
scroll-margin-right:size / scroll-mr:size	scroll-margin-right: size
scroll-mx:size	scroll-margin-left: size;scroll-margin-right: size
scroll-my:size	scroll-margin-top: size;scroll-margin-bottom: size

Scroll Padding

class	properties
scroll-padding:size / scroll-p:size	scroll-padding: size
scroll-padding:size|size|size|size / scroll-p:size|size|size|size	scroll-padding: size size size size
scroll-padding-top:size / scroll-pt:size	scroll-padding-top: size
scroll-padding-bottom:size / scroll-pb:size	scroll-padding-bottom: size
scroll-padding-left:size / scroll-pl:size	scroll-padding-left: size
scroll-padding-right:size / scroll-pr:size	scroll-padding-right: size
scroll-px:size	scroll-padding-left: size;scroll-padding-right: size
scroll-py:size	scroll-padding-top: size;scroll-padding-bottom: size

Scroll Snap Align

class	properties
scroll-snap-align:value / scroll-snap:value	scroll-snap-align: value
scroll-snap-align:value|value / scroll-snap:value|value	scroll-snap-align: value value
scroll-snap:center	scroll-snap-align: center
scroll-snap:end	scroll-snap-align: end
scroll-snap:start	scroll-snap-align: start
scroll-snap-align:none	scroll-snap-align: none

Scroll Snap Stop

class	properties
scroll-snap-stop:value	scroll-snap-stop: value
scroll-snap-stop:always	scroll-snap-stop: always
scroll-snap-stop:normal	scroll-snap-stop: normal

Scroll Snap Type

class	properties
scroll-snap-type:value / scroll-snap:value	scroll-snap-type: value
scroll-snap-type:value|value / scroll-snap:value|value	scroll-snap-type: value value
scroll-snap:x	scroll-snap-type: x
scroll-snap:y	scroll-snap-type: y
scroll-snap:both	scroll-snap-type: both
scroll-snap:block	scroll-snap-type: block
scroll-snap:inline	scroll-snap-type: inline
scroll-snap:x|mandatory	scroll-snap-type: x mandatory
scroll-snap:y|proximity	scroll-snap-type: y proximity
scroll-snap:both|mandatory	scroll-snap-type: both mandatory
scroll-snap-type:none	scroll-snap-type: none

Pointer Events

class	properties
pointer-events:value	pointer-events: value
pointer-events:auto	pointer-events: auto
pointer-events:none / untouchable	pointer-events: none
pointer-events:visiblePainted	pointer-events: visiblePainted
pointer-events:visibleFill	pointer-events: visibleFill
pointer-events:visibleStroke	pointer-events: visibleStroke
pointer-events:visible	pointer-events: visible
pointer-events:painted	pointer-events: painted
pointer-events:fill	pointer-events: fill
pointer-events:stroke	pointer-events: stroke
pointer-events:all	pointer-events: all
pointer-events:bounding-box	pointer-events: bounding-box

Resize

class	properties
resize:value	resize: value
resize:auto	resize: auto
resize:none	resize: none
resize:both	resize: both
resize:horizontal	resize: horizontal
resize:vertical	resize: vertical
resize:block	resize: block
resize:inline	resize: inline

Touch Action

class	properties
touch-action:value	touch-action: value
touch-action:auto	touch-action: auto
touch-action:none	touch-action: none
touch-action:pan-x	touch-action: pan-x
touch-action:pan-left	touch-action: pan-left
touch-action:pan-right	touch-action: pan-right
touch-action:pan-y	touch-action: pan-y
touch-action:pan-up	touch-action: pan-up
touch-action:pan-down	touch-action: pan-down
touch-action:pinch-zoom	touch-action: pinch-zoom
touch-action:manipulation	touch-action: manipulation

User Drag

class	properties
user-drag:value	user-drag: value;-webkit-user-drag: value
user-drag:auto	user-drag: auto;-webkit-user-drag: auto
user-drag:element	user-drag: element;-webkit-user-drag: element
user-drag:none	user-drag: none;-webkit-user-drag: none

User Select

class	properties
user-select:value	user-select: value;-webkit-user-select: value
user-select:all	user-select: all;-webkit-user-select: all
user-select:auto	user-select: auto;-webkit-user-select: auto
user-select:none	user-select: none;-webkit-user-select: none
user-select:text	user-select: text;-webkit-user-select: text

Screen Readers

class	properties
sr-only	position: absolute;width: 1;height: 1;padding: 0;margin: -1;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border-width: 0

Contain

class	properties
contain:type	contain: type
contain:none	contain: none
contain:strict	contain: strict
contain:content	contain: content
contain:size	contain: size
contain:layout	contain: layout
contain:style	contain: style
contain:paint	contain: paint

Font Smoothing

class	properties
font:antialiased / f:antialiased	-webkit-font-smoothing: antialiased;-moz-osxfont-smoothing: grayscale
font:subpixel-antialiased	-moz-osxfont-smoothing: auto;-webkit-font-smoothing: auto

Text Rendering

class	properties
text-rendering:value	text-rendering: value
text-rendering:auto	text-rendering: auto
text:optimizeSpeed	text-rendering: optimizeSpeed
text:optimizeLegibility	text-rendering: optimizeLegibility
text:geometricPrecision	text-rendering: geometricPrecision

Will Change

class	properties
will-change:value	will-change: value

Variable

class	properties
$key:value	--key: value