Skip to main content
CSS-Tricks
  • Articles
  • Alamanac
  • Guides
  • Videos
  • Books
  • Newsletter
Search

Almanac

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

Selectors

CSS selectors are patterns used to select elements in the DOM.

Properties

CSS properties style elements through their values.

A
  1. ::before / ::after
  2. :active
  3. :any-link
  4. :autofill
  5. Adjacent sibling
  6. [attribute]
A
  1. accent-color
  2. align-content
  3. align-items
  4. align-self
  5. all
  6. anchor-name
  7. animation
  8. appearance
  9. aspect-ratio
B
  1. ::backdrop
  2. :blank
B
  1. backdrop-filter
  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. bleed
  14. block-overflow
  15. block-size
  16. border
  17. border-block
  18. border-boundary
  19. border-collapse
  20. border-image
  21. border-image-outset
  22. border-image-repeat
  23. border-image-slice
  24. border-image-source
  25. border-image-width
  26. border-inline
  27. border-radius
  28. border-spacing
  29. bottom
  30. box-decoration-break
  31. box-shadow
  32. box-sizing
  33. break-after
  34. break-before
  35. break-inside
C
  1. :checked
  2. :current
  3. Child
  4. Class
C
  1. caption-side
  2. caret
  3. caret-color
  4. caret-shape
  5. clear
  6. clip-path
  7. color
  8. color-scheme
  9. column-count
  10. column-fill
  11. column-gap
  12. column-rule
  13. column-rule-color
  14. column-rule-style
  15. column-rule-width
  16. column-span
  17. column-width
  18. columns
  19. contain
  20. container
  21. container-name
  22. container-type
  23. content
  24. content-visibility
  25. counter-increment
  26. counter-reset
  27. counter-set
  28. cursor
D
  1. ::details-content
  2. :default
  3. :defined
  4. :dir()
  5. :disabled
  6. Descendant
D
  1. direction
  2. display
E
  1. :empty
  2. :enabled
E
  1. empty-cells
F
  1. ::file-selector-button
  2. ::first-letter
  3. ::first-line
  4. :first
  5. :first-child
  6. :first-of-type
  7. :focus
  8. :focus-visible
  9. :focus-within
  10. :fullscreen
  11. :future
F
  1. fill
  2. filter
  3. flex
  4. flex-basis
  5. flex-direction
  6. flex-flow
  7. flex-grow
  8. flex-shrink
  9. flex-wrap
  10. float
  11. font
  12. font-display
  13. font-family
  14. font-feature-settings
  15. font-kerning
  16. font-optical-sizing
  17. font-size
  18. font-size-adjust
  19. font-stretch
  20. font-style
  21. font-synthesis
  22. font-variant
  23. font-variant-numeric
  24. font-weight
G
  1. General sibling
G
  1. gap
  2. grid
  3. grid-area
  4. grid-auto-columns
  5. grid-auto-flow
  6. grid-auto-rows
  7. grid-column
  8. grid-column-end
  9. grid-column-start
  10. grid-row
  11. grid-row / grid-column
  12. grid-row-end
  13. grid-row-start
  14. grid-template
  15. grid-template-areas
  16. grid-template-columns
  17. grid-template-rows
H
  1. :has()
  2. :hover
H
  1. hanging-punctuation
  2. height
  3. hyphenate-limit-chars
  4. hyphens
I
  1. :in-range
  2. :indeterminate
  3. :invalid
  4. :is
  5. ID
I
  1. image-rendering
  2. initial-letter
  3. inline-size
  4. inset
  5. inset-block
  6. inset-block-end
  7. inset-block-start
  8. inset-inline
  9. inset-inline-end
  10. inset-inline-start
  11. isolation
J
    J
    1. justify-content
    2. justify-items
    3. justify-self
    K
      K
        L
        1. :lang()
        2. :last-child
        3. :last-of-type
        4. :left
        5. :link
        L
        1. left
        2. letter-spacing
        3. line-break
        4. line-clamp
        5. line-height
        6. list-style
        M
        1. ::marker
        M
        1. margin
        2. margin-block
        3. margin-block-end
        4. margin-block-start
        5. margin-inline
        6. margin-inline-end
        7. margin-inline-start
        8. mask
        9. mask-border
        10. mask-clip
        11. mask-composite
        12. mask-image
        13. mask-mode
        14. mask-origin
        15. mask-position
        16. mask-repeat
        17. mask-size
        18. mask-type
        19. max-height
        20. max-inline-size
        21. max-width
        22. min-height
        23. min-width
        24. mix-blend-mode
        N
        1. :not
        2. :nth-child
        3. :nth-last-child
        4. :nth-last-of-type
        5. :nth-of-type
        N
          O
          1. :only-child
          2. :only-of-type
          3. :optional
          4. :out-of-range
          O
          1. object-fit
          2. object-position
          3. offset-anchor
          4. offset-distance
          5. offset-path
          6. offset-rotate
          7. opacity
          8. order
          9. orphans
          10. outline
          11. outline-color
          12. outline-offset
          13. outline-style
          14. outline-width
          15. overflow
          16. overflow-anchor
          17. overflow-clip-margin
          18. overflow-wrap
          19. overscroll-behavior
          P
          1. ::placeholder
          2. :past
          3. :placeholder-shown
          4. :popover-open
          P
          1. padding
          2. padding-block
          3. padding-inline
          4. page-break
          5. paint-order
          6. perspective
          7. perspective-origin
          8. place-content
          9. place-items
          10. place-self
          11. pointer-events
          12. position
          13. print-color-adjust
          Q
            Q
            1. quotes
            R
            1. :read-write / :read-only
            2. :required
            3. :right
            4. :root
            R
            1. resize
            2. right
            3. rotate
            4. row-gap
            S
            1. ::selection
            S
            1. scale
            2. scroll-behavior
            3. scroll-margin
            4. scroll-padding
            5. scroll-snap-align
            6. scroll-snap-stop
            7. scroll-snap-type
            8. scrollbar
            9. scrollbar-color
            10. scrollbar-gutter
            11. scrollbar-width
            12. shape-image-threshold
            13. shape-margin
            14. shape-outside
            15. speak
            16. stroke
            17. stroke-dasharray
            18. stroke-dashoffset
            19. stroke-linecap
            20. stroke-linejoin
            21. stroke-width
            T
            1. :target
            2. Type
            T
            1. tab-size
            2. table-layout
            3. text-align
            4. text-align-last
            5. text-combine-upright
            6. text-decoration
            7. text-decoration-color
            8. text-decoration-line
            9. text-decoration-skip
            10. text-decoration-skip-ink
            11. text-decoration-style
            12. text-decoration-thickness
            13. text-emphasis
            14. text-indent
            15. text-justify
            16. text-orientation
            17. text-overflow
            18. text-rendering
            19. text-shadow
            20. text-stroke
            21. text-transform
            22. text-underline-offset
            23. text-underline-position
            24. top / bottom / left / right
            25. touch-action
            26. transform
            27. transform-origin
            28. transform-style
            29. transition
            30. transition-delay
            31. transition-duration
            32. transition-property
            33. transition-timing-function
            34. translate
            U
            1. :user-invalid
            2. Universal
            U
            1. unicode-bidi
            2. unicode-range
            3. user-select
            V
            1. ::view-transition
            2. ::view-transition-group
            3. ::view-transition-image-new
            4. ::view-transition-image-old
            5. ::view-transition-image-pair
            6. :valid
            7. :visited
            V
            1. vertical-align
            2. view-timeline-name
            3. view-transition-name
            4. visibility
            W
            1. :where
            W
            1. white-space
            2. widows
            3. width
            4. will-change
            5. word-break
            6. word-spacing
            7. writing-mode
            X
              X
                Y
                  Y
                    Z
                      Z
                      1. z-index
                      2. zoom

                      CSS-Tricks is powered by DigitalOcean.

                      Keep up to date on web dev

                      with our hand-crafted newsletter

                      DigitalOcean
                      • About DO
                      • Cloudways hosting
                      • Legal stuff
                      • Get free credit!
                      CSS-Tricks
                      • Write for us!
                      • Advertise with us
                      • Contact us
                      Social
                      • RSS Feeds
                      • CodePen
                      • Mastodon
                      • X
                      Back to Top