css properties order

// zobrazení
display

// pozicování
float
position
left
right
top
bottom
order
align-self
z-index
clear

// nastavení rozměrů
box-sizing
margin*
border*
padding*
width
min-width
max-width
height
min-height
max-height
aspect-ratio
flex[-grow|-shrink|-basis]
overflow

// obsah - elementy (týká se hlavně flexboxu)
flex[-flow|-direction|-wrap]
justify-content
align-content
align-items
column-count
column-width
column-gap
column-rule
column-fill
column-span
object-position
object-fit

// obsah - text
content
text-indent
font
line-height
text-align
vertical-align
color
white-space
text-overflow
text-transform
text-decoration
text-shadow

// pozadí
background

// efekty
list-style
box-shadow
transform*
animation*
transition*
appearance
cursor
overscroll-behavior
visibility
opacity