Cette référence CSS liste toutes les propriétés standards CSS, les pseudo-classes, les pseudo-éléments, les règles @ et les sélecteurs, dans l'ordre alphabétique. Elle vous permet d'accéder rapidement à leurs informations détaillées.

Elle ne liste pas seulement les propriétés CSS1 et CSS2.1, mais référence aussi CSS3 pour les propriétés et concepts standardisés ou stabilisés.

Voir aussi la référence CSS Mozilla, pour les propriétés spécifiques à Gecko préfixées avec -moz-. Voir Extensions CSS WebKit pour les propriétés spécifiques à WebKit. En complément, vous pouvez consulter la page maintenue par  Pete Beverloo : Vue d'ensemble des propriétés CSS éditeurs (en anglais)

  1. A
    1. :active
    2. ::after (:after)
    3. align-content
    4. align-items
    5. align-self
    6. all
    7. <angle>
    8. animation
    9. animation-delay
    10. animation-direction
    11. animation-duration
    12. animation-fill-mode
    13. animation-iteration-count
    14. animation-name
    15. animation-play-state
    16. animation-timing-function
    17. @annotation
    18. annotation()
    19. attr()
  2. B
    1. ::backdrop
    2. backface-visibility
    3. background
    4. background-attachment
    5. background-blend-mode
    6. background-clip
    7. background-color
    8. background-image
    9. background-origin
    10. background-position
    11. background-repeat
    12. background-size
    13. <basic-shape>
    14. ::before (:before)
    15. <blend-mode>
    16. block-size
    17. blur()
    18. border
    19. border-block-end
    20. border-block-end-color
    21. border-block-end-style
    22. border-block-end-width
    23. border-block-start
    24. border-block-start-color
    25. border-block-start-style
    26. border-block-start-width
    27. border-bottom
    28. border-bottom-color
    29. border-bottom-left-radius
    30. border-bottom-right-radius
    31. border-bottom-style
    32. border-bottom-width
    33. border-collapse
    34. border-color
    35. border-image
    36. border-image-outset
    37. border-image-repeat
    38. border-image-slice
    39. border-image-source
    40. border-image-width
    41. border-inline-end
    42. border-inline-end-color
    43. border-inline-end-style
    44. border-inline-end-width
    45. border-inline-start
    46. border-inline-start-color
    47. border-inline-start-style
    48. border-inline-start-width
    49. border-left
    50. border-left-color
    51. border-left-style
    52. border-left-width
    53. border-radius
    54. border-right
    55. border-right-color
    56. border-right-style
    57. border-right-width
    58. border-spacing
    59. border-style
    60. border-top
    61. border-top-color
    62. border-top-left-radius
    63. border-top-right-radius
    64. border-top-style
    65. border-top-width
    66. border-width
    67. bottom
    68. box-decoration-break
    69. box-shadow
    70. box-sizing
    71. break-after
    72. break-before
    73. break-inside
    74. brightness()
  3. C
    1. calc()
    2. caption-side
    3. ch
    4. @character-variant
    5. character-variant()
    6. @charset
    7. :checked
    8. circle()
    9. clear
    10. clip
    11. clip-path
    12. cm
    13. color
    14. <color>
    15. columns
    16. column-count
    17. column-fill
    18. column-gap
    19. column-rule
    20. column-rule-color
    21. column-rule-style
    22. column-rule-width
    23. column-span
    24. column-width
    25. content
    26. contrast()
    27. <counter>
    28. counter-increment
    29. counter-reset
    30. @counter-style
    31. cubic-bezier()
    32. cursor
    33. <custom-ident>
  4. D
    1. :default
    2. deg
    3. :dir()
    4. direction
    5. :disabled
    6. display
    7. @document
    8. dpcm
    9. dpi
    10. dppx
    11. drop-shadow()
  5. E
    1. element()
    2. ellipse()
    3. em
    4. :empty
    5. empty-cells
    6. :enabled
    7. ex
  6. F
    1. filter
    2. :first
    3. :first-child
    4. ::first-letter (:first-letter)
    5. ::first-line (:first-line)
    6. :first-of-type
    7. flex
    8. flex-basis
    9. flex-direction
    10. flex-flow
    11. flex-grow
    12. flex-shrink
    13. flex-wrap
    14. float
    15. :focus
    16. font
    17. @font-face
    18. font-family
    19. font-feature-settings
    20. @font-feature-values
    21. font-kerning
    22. font-language-override
    23. font-size
    24. font-size-adjust
    25. font-stretch
    26. font-style
    27. font-synthesis
    28. font-variant
    29. font-variant-alternates
    30. font-variant-caps
    31. font-variant-east-asian
    32. font-variant-ligatures
    33. font-variant-numeric
    34. font-variant-position
    35. font-weight
    36. <frequency>
    37. :fullscreen
  7. G
    1. grad
    2. <gradient>
    3. grayscale()
    4. grid
    5. grid-area
    6. grid-auto-columns
    7. grid-auto-flow
    8. grid-auto-position
    9. grid-auto-rows
    10. grid-column
    11. grid-column-start
    12. grid-column-end
    13. grid-row
    14. grid-row-start
    15. grid-row-end
    16. grid-template
    17. grid-template-areas
    18. grid-template-rows
    19. grid-template-columns
  8. H
    1. height
    2. :hover
    3. hsl()
    4. hsla()
    5. hue-rotate()
    6. hyphens
    7. hz
  9. I
    1. <image>
    2. image()
    3. image-rendering
    4. image-resolution
    5. image-orientation
    6. ime-mode
    7. @import
    8. in
    9. :indeterminate
    10. inherit
    11. initial
    12. inline-size
    13. :in-range
    14. inset()
    15. <integer>
    16. :invalid
    17. invert()
    18. isolation
  10. J
    1. justify-content
  11. K
    1. @keyframes
    2. khz
  12. L
    1. :lang()
    2. :last-child
    3. :last-of-type
    4. left
    5. :left
    6. <longueur>
    7. letter-spacing
    8. linear-gradient()
    9. line-break
    10. line-height
    11. :link
    12. list-style
    13. list-style-image
    14. list-style-position
    15. list-style-type
  13. M
    1. margin
    2. margin-block-end
    3. margin-block-start
    4. margin-bottom
    5. margin-inline-end
    6. margin-inline-start
    7. margin-left
    8. margin-right
    9. margin-top
    10. marks
    11. mask
    12. mask-type
    13. matrix()
    14. matrix3d()
    15. max-block-size
    16. max-height
    17. max-inline-size
    18. max-width
    19. @media
    20. min-block-size
    21. min-height
    22. min-inline-size
    23. minmax()
    24. min-width
    25. mix-blend-mode
    26. mm
    27. ms
  14. N
    1. @namespace
    2. :not()
    3. :nth-child()
    4. :nth-last-child()
    5. :nth-last-of-type()
    6. :nth-of-type()
    7. <number>
  15. O
    1. object-fit
    2. object-position
    3. offset-block-end
    4. offset-block-start
    5. offset-inline-end
    6. offset-inline-start
    7. :only-child
    8. :only-of-type
    9. opacity
    10. opacity()
    11. :optional
    12. order
    13. @ornaments
    14. ornaments()
    15. orphans
    16. outline
    17. outline-color
    18. outline-offset
    19. outline-style
    20. outline-width
    21. :out-of-range
    22. overflow
    23. overflow-wrap
    24. overflow-x
    25. overflow-y
  16. P
    1. padding
    2. padding-block-end
    3. padding-block-start
    4. padding-bottom
    5. padding-inline-end
    6. padding-inline-start
    7. padding-left
    8. padding-right
    9. padding-top
    10. @page
    11. page-break-after
    12. page-break-before
    13. page-break-inside
    14. pc
    15. <percentage>
    16. perspective
    17. perspective()
    18. perspective-origin
    19. pointer-events
    20. polygon()
    21. position
    22. <position>
    23. pt
    24. px
  17. Q
    1. quotes
  18. R
    1. rad
    2. radial-gradient()
    3. <ratio>
    4. :read-only
    5. :read-write
    6. rect()
    7. rem
    8. repeat()
    9. ::repeat-index
    10. ::repeat-item
    11. repeating-linear-gradient()
    12. repeating-radial-gradient()
    13. :required
    14. resize
    15. <resolution>
    16. rgb()
    17. rgba()
    18. right
    19. :right
    20. :root
    21. rotate()
    22. rotatex()
    23. rotatey()
    24. rotatez()
    25. rotate3d()
    26. ruby-align
    27. ruby-merge
    28. ruby-position
  19. S
    1. s
    2. saturate()
    3. scale()
    4. scalex()
    5. scaley()
    6. scalez()
    7. scale3d()
    8. :scope
    9. scroll-behavior
    10. scroll-snap-coordinate
    11. scroll-snap-destination
    12. scroll-snap-points-x
    13. scroll-snap-points-y
    14. scroll-snap-type
    15. scroll-snap-type-x
    16. scroll-snap-type-y
    17. ::selection
    18. sepia()
    19. <shape>
    20. shape-image-threshold
    21. shape-margin
    22. shape-outside
    23. skew()
    24. skewx()
    25. skewy()
    26. steps()
    27. <string>
    28. @styleset
    29. styleset()
    30. @stylistic
    31. stylistic()
    32. @supports
    33. @swash
    34. swash()
    35. symbols()
    T
    1. table-layout
    2. tab-size
    3. :target
    4. text-align
    5. text-align-last
    6. text-combine-upright
    7. text-decoration
    8. text-decoration-color
    9. text-decoration-line
    10. text-decoration-style
    11. text-indent
    12. text-orientation
    13. text-overflow
    14. text-rendering
    15. text-shadow
    16. text-transform
    17. text-underline-position
    18. <time>
    19. <timing-function>
    20. top
    21. touch-action
    22. transform
    23. transform-box
    24. transform-origin
    25. transform-style
    26. transition
    27. transition-delay
    28. transition-duration
    29. transition-property
    30. transition-timing-function
    31. translate()
    32. translatex()
    33. translatey()
    34. translatez()
    35. translate3d()
    36. turn
  20. U
    1. unicode-bidi
    2. unicode-range
    3. :unresolved
    4. unset
    5. <uri>
    6. url()
  21. V
    1. :valid
    2. var()
    3. vertical-align
    4. vh
    5. @viewport
    6. visibility
    7. :visited
    8. vmax
    9. vmin
    10. vw
  22. W
    1. white-space
    2. widows
    3. width
    4. will-change
    5. word-break
    6. word-spacing
    7. word-wrap
    8. writing-mode
  23. X Y Z
    1. z-index

 

Sélecteurs

Tutoriels CSS3

Ces cours guides pratiques décrivent des technologies apparues avec CSS3 ou CSS2.1 et ayant un support partiel jusque récemment :

Concepts

Étiquettes et contributeurs liés au document

Dernière mise à jour par : Oliviermoz,