Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • Books
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. Adjacent sibling
  5. [attribute]
A
  1. accent-color
  2. align-content
  3. align-items
  4. align-self
  5. all
  6. animation
  7. appearance
  8. 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-inline
  22. border-radius
  23. border-spacing
  24. bottom
  25. box-decoration-break
  26. box-shadow
  27. box-sizing
  28. 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-adjust
  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. content
  21. content-visibility
  22. counter-increment
  23. counter-reset
  24. counter-set
  25. cursor
D
  1. :default
  2. :dir()
  3. :disabled
  4. Descendant
D
  1. direction
  2. display
E
  1. :empty
  2. :enabled
E
  1. empty-cells
F
  1. ::first-letter
  2. ::first-line
  3. :first-child
  4. :first-of-type
  5. :focus
  6. :focus-visible
  7. :focus-within
  8. :fullscreen
  9. :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-row / grid-column
  3. grid-template-columns / grid-template-rows
H
  1. :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. :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
          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
          Q
            Q
            1. quotes
            R
            1. :read-write / :read-only
            2. :required
            3. :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. :valid
            2. :visited
            V
            1. vertical-align
            2. 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
                      Our Learning Partner
                      Frontend Masters logo
                      Frontend Masters

                      Need front-end development training?

                      Frontend Masters is the best place to get it. They have courses on all the most important front-end technologies, from React to CSS, from Vue to D3, and beyond with Node.js and Full Stack.

                      CSS-Tricks is created by Chris and a team of swell people.

                      Keep up to date on web dev

                      with our hand-crafted weekly newsletter

                      Tech
                      • WordPress (CMS)
                      • Jetpack (Search, Backup)
                      • WooCommerce (eCommerce)
                      • Local (Development)
                      Hosting
                      • Flywheel
                      Family
                      • CodePen
                      • ShopTalk Show
                      Minisites
                      • The Power of Serverless
                      • Upcoming Conferences
                      • Coding Fonts
                      Contact
                      • Email
                      • Guest Writing
                      Follow
                      • Twitter
                      • Instagram
                      • YouTube
                      • CodePen
                      • iTunes
                      • RSS
                      Back to Top