CSS
- Valeurs
- Types: string, color, time, absolute-size, relative-size, percentage, number, length, resolution, image
- Fonctions globales: url, calc, attr
- Gradients: linear-gradient, repeating-linear-gradient, radial-gradient, repeating-radial-gradient
- Listes: counter, counters, symbols
- Colonnes: minmax, repeat
- Transitions: cubic-bezier, steps
- Variables: --var, val(var)
- Propriétés
- all, content
- Box Model:
display
visibility
opacity
border
margin
padding
width
height
box-sizing
overflow
cursor
- Autres bordures:
outline
border-image
border-radius
box-shadow
box-decoration-break
- Background:
background-color
background-image
background-repeat
background-attachment
background-position
background-size
background-origin
background-clip
background
background-blend-mode
mix-blend-mode
isolation
clip-path
mask-image
mask-mode
mask-size
mask-repeat
mask-origin
mask-clip
mask-position
mask-composite
mask-composite
shape-outside
shape-margin
shape-image-threshold
- Interractions utilisateur:
pointer-events
touch-action
scroll-behaviour
scroll-snap-type
resize
- Texte:
color
text-decoration
text-transform
text-indent
text-align
text-justify
hyphens
text-shadow
text-overflow
text-rendering
text-emphasis
letter-spacing
word-spacing
word-break
word-wrap
white-space
line-break
hanging-punctuation
line-height
vertical-align
tab-size
quotes
caret
- Police d’écriture:
font-style
font-variant
font-weight
font-size
font-family
font
font-size-adjust
font-kerning
font-stretch
font-synthesis
font-language-override
font-feature-settings
font-variant-alternates
font-variant-caps
font-variant-east-asian
font-variant-ligatures
font-variant-numeric
font-variant-position
ruby-align
ruby-position
ruby-merge
- Orientation:
writing-mode
text-orientation
direction
unicode-bidi
text-underline-position
text-combine-upright
border-block-*
border-inline-*
padding-block-*
padding-inline-*
margin-block-*
margin-inline-*
offset-block-*
offset-inline-*
block-size
inline-size
min-block-size
min-inline-size
- Table:
table-layout
border-collapse
border-spacing
caption-side
empty-cells
- Image:
object-fit
object-position
image-orientation
image-rendering
filter
- Liste:
list-style-type
list-style-position
list-style-image
list-style
counter-increment
counter-reset
- Layout:
position
top
bottom
left
right
z-index
float
- Column
column-count
column-width
column
column-rule-width
column-rule-style
column-rule-color
column-rule
column-gap
column-fill
column-span
- Flex
flex-direction
flex-wrap
flex-flow
justify-content
align-items
align-content
flex-basis
flex-grow
flex-shrink
flex
order
align-self
- Grid
grid-auto-flow
grid-auto-rows
grid-auto-columns
grid-column-gap
grid-row-gap
grid-gap
align-items
justify-items
grid-template-columns
grid-template-rows
grid-template-areas
grid-template
grid
grid-area
grid-column-start
grid-column-end
grid-column
grid-row-start
grid-row-end
grid-row
align-self
justify-self
- Transition:
transition-property
transition-duration
transition-timing-function
transition-delay
transition
- Transformations:
transform
transform-origin
transform-box
transform-style
perspective
perspective-origin
backface-visibility
- Animations
animation-name
animation-duration
animation-timing-function
animation-delay
animation-iteration-count
animation-direction
animation-fill-mode
animation-play-state
animation
will-change
- At-rules
- Conventions de nommage (OOCSS, BEM, SMACSS)
- Frameworks & Préprocesseurs
Pour aller plus loin:
A Look Back at the History of CSS
A free visual guide to CSS
50 Cheatsheets, References and Guides for CSS