mozilla
Your Search Results

    CSS reference

    This CSS Reference lists all standard CSS properties, pseudo-classes and pseudo-elements, @-rules, units, and selectors in alphabetic order. It allows you to quickly access detailed information for each of them. It not only lists the CSS 1 and CSS 2.1 properties, but also is a CSS3 reference that links to any CSS3 property and concept standardized, or already stabilized.

    See also Mozilla CSS Extensions for Gecko-specific properties prefixed with -moz; and WebKit CSS Extensions for WebKit-specific properties. See Vendor-prefixed CSS Property Overview by Peter Beverloo for all prefixed properties.

    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. <length>
      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. ::selection
      16. sepia()
      17. <shape>
      18. shape-image-threshold
      19. shape-margin
      20. shape-outside
      21. skew()
      22. skewx()
      23. skewy()
      24. steps()
      25. <string>
      26. @styleset
      27. styleset()
      28. @stylistic
      29. stylistic()
      30. @supports
      31. @swash
      32. swash()
      33. 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-origin
      24. transform-style
      25. transition
      26. transition-delay
      27. transition-duration
      28. transition-property
      29. transition-timing-function
      30. translate()
      31. translatex()
      32. translatey()
      33. translatez()
      34. translate3d()
      35. 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

    Selectors

    A complete list of selectors in the Selectors Level 3 specification.

    CSS3 Tutorials

    These small how-to pages describe new technologies appeared in CSS3, or in CSS2.1 but with low support until recently:

    Concepts