Border
Properties for controlling borders
- border
- border-block
- border-block-color
- border-block-end
- border-block-end-color
- border-block-end-style
- border-block-end-width
- border-block-start
- border-block-start-color
- border-block-start-style
- border-block-start-width
- border-block-style
- border-block-width
- border-bottom
- border-bottom-color
- border-bottom-left-radius
- border-bottom-right-radius
- border-bottom-style
- border-bottom-width
- border-collapse
- border-color
- border-end-end-radius
- border-end-start-radius
- border-image
- border-image-outset
- border-image-repeat
- border-image-slice
- border-image-source
- border-image-width
- border-inline
- border-inline-color
- border-inline-end
- border-inline-end-color
- border-inline-end-style
- border-inline-end-width
- border-inline-start
- border-inline-start-color
- border-inline-start-style
- border-inline-start-width
- border-inline-style
- border-inline-width
- border-left
- border-left-color
- border-left-style
- border-left-width
- border-radius
- border-right
- border-right-color
- border-right-style
- border-right-width
- border-spacing
- border-start-end-radius
- border-start-start-radius
- border-style
- border-top
- border-top-color
- border-top-left-radius
- border-top-right-radius
- border-top-style
- border-top-width
- border-width
- outline
- outline-color
- outline-offset
- outline-style
- outline-width
- corner-block-end-shape 🧪
- corner-block-start-shape 🧪
- corner-bottom-left-shape 🧪
- corner-bottom-right-shape 🧪
- corner-bottom-shape 🧪
- corner-end-end-shape 🧪
- corner-end-start-shape 🧪
- corner-inline-end-shape 🧪
- corner-inline-start-shape 🧪
- corner-left-shape 🧪
- corner-right-shape 🧪
- corner-shape 🧪
- corner-start-end-shape 🧪
- corner-start-start-shape 🧪
- corner-top-left-shape 🧪
- corner-top-right-shape 🧪
- corner-top-shape 🧪
- border-block-clip 🚧
- border-block-end-clip 🚧
- border-block-end-radius 🚧
- border-block-start-clip 🚧
- border-block-start-radius 🚧
- border-bottom-clip 🚧
- border-bottom-radius 🚧
- border-boundary 🚧
- border-clip 🚧
- border-inline-clip 🚧
- border-inline-end-clip 🚧
- border-inline-end-radius 🚧
- border-inline-start-clip 🚧
- border-inline-start-radius 🚧
- border-left-clip 🚧
- border-left-radius 🚧
- border-limit 🚧
- border-right-clip 🚧
- border-right-radius 🚧
- border-shape 🚧
- border-top-clip 🚧
- border-top-radius 🚧
- corner 🚧
- corner-block-end 🚧
- corner-block-start 🚧
- corner-bottom 🚧
- corner-bottom-left 🚧
- corner-bottom-right 🚧
- corner-end-end 🚧
- corner-end-start 🚧
- corner-inline-end 🚧
- corner-inline-start 🚧
- corner-left 🚧
- corner-right 🚧
- corner-start-end 🚧
- corner-start-start 🚧
- corner-top 🚧
- corner-top-left 🚧
- corner-top-right 🚧
Background
Properties for controlling backgrounds
- background
- background-attachment
- background-blend-mode
- background-clip
- background-color
- background-image
- background-origin
- background-position
- background-position-x
- background-position-y
- background-repeat
- background-size
- background-repeat-x 🧪
- background-repeat-y 🧪
- background-position-block 🚧
- background-position-inline 🚧
- background-repeat-block 🚧
- background-repeat-inline 🚧
- background-tbd 🚧
Typography: Fonts
Properties for font selection and styling
- font
- font-family
- font-feature-settings
- font-kerning
- font-language-override
- font-optical-sizing
- font-palette
- font-size
- font-size-adjust
- font-style
- font-synthesis
- font-synthesis-small-caps
- font-synthesis-style
- font-synthesis-weight
- font-variant
- font-variant-alternates
- font-variant-caps
- font-variant-east-asian
- font-variant-emoji
- font-variant-ligatures
- font-variant-numeric
- font-variant-position
- font-variation-settings
- font-weight
- font-synthesis-position 🧪
- font-width 🧪
- font-stretch 🗑️
Typography: Text Decoration
Properties for decorating text
- text-decoration
- text-decoration-color
- text-decoration-line
- text-decoration-skip-ink
- text-decoration-style
- text-decoration-thickness
- text-emphasis
- text-emphasis-color
- text-emphasis-position
- text-emphasis-style
- text-shadow
- text-underline-offset
- text-underline-position
- text-decoration-inset 🧪
- text-decoration-skip 🧪
- text-decoration-skip-box 🚧
- text-decoration-skip-self 🚧
- text-decoration-skip-spaces 🚧
- text-emphasis-skip 🚧
Typography: Text Layout
Properties for text layout, spacing, and alignment
- alignment-baseline
- baseline-shift
- baseline-source
- color
- dominant-baseline
- hanging-punctuation
- hyphenate-character
- hyphenate-limit-chars
- hyphens
- initial-letter
- letter-spacing
- line-break
- line-clamp
- line-height
- orphans
- overflow-wrap
- quotes
- ruby-align
- ruby-overhang
- ruby-position
- tab-size
- text-align
- text-align-last
- text-anchor
- text-autospace
- text-box
- text-box-edge
- text-box-trim
- text-indent
- text-justify
- text-overflow
- text-rendering
- text-transform
- text-wrap
- text-wrap-mode
- text-wrap-style
- vertical-align
- white-space
- white-space-collapse
- widows
- word-break
- word-spacing
- text-size-adjust 🧪
- text-spacing-trim 🧪
- hyphenate-limit-last 🚧
- hyphenate-limit-lines 🚧
- hyphenate-limit-zone 🚧
- initial-letter-align 🚧
- initial-letter-wrap 🚧
- line-fit-edge 🚧
- line-grid 🚧
- line-height-step 🚧
- line-padding 🚧
- line-snap 🚧
- ruby-merge 🚧
- text-align-all 🚧
- text-group-align 🚧
- text-spacing 🚧
- white-space-trim 🚧
- word-space-transform 🚧
- word-wrap 🚧
Typography: Writing Modes
Properties for writing modes and directionality
Box Model & Sizing
Properties for margins, padding, and sizing
- aspect-ratio
- block-size
- box-decoration-break
- box-sizing
- contain-intrinsic-block-size
- contain-intrinsic-height
- contain-intrinsic-inline-size
- contain-intrinsic-size
- contain-intrinsic-width
- dynamic-range-limit
- height
- inline-size
- margin
- margin-block
- margin-block-end
- margin-block-start
- margin-bottom
- margin-inline
- margin-inline-end
- margin-inline-start
- margin-left
- margin-right
- margin-top
- max-block-size
- max-height
- max-inline-size
- max-width
- min-block-size
- min-height
- min-inline-size
- min-width
- overflow-clip-margin
- padding
- padding-block
- padding-block-end
- padding-block-start
- padding-bottom
- padding-inline
- padding-inline-end
- padding-inline-start
- padding-left
- padding-right
- padding-top
- width
- interpolate-size 🧪
- margin-trim 🧪
- margin-break 🚧
- max-lines 🚧
- min-intrinsic-sizing 🚧
- overflow-clip-margin-block 🚧
- overflow-clip-margin-block-end 🚧
- overflow-clip-margin-block-start 🚧
- overflow-clip-margin-bottom 🚧
- overflow-clip-margin-inline 🚧
- overflow-clip-margin-inline-end 🚧
- overflow-clip-margin-inline-start 🚧
- overflow-clip-margin-left 🚧
- overflow-clip-margin-right 🚧
- overflow-clip-margin-top 🚧
Layout & Display
Properties for layout, flexbox, grid, and positioning
- align-content
- align-items
- align-self
- anchor-name
- anchor-scope
- break-after
- break-before
- break-inside
- caption-side
- clear
- column-count
- column-fill
- column-gap
- column-rule
- column-rule-color
- column-rule-style
- column-rule-width
- column-span
- column-width
- columns
- contain
- container
- container-name
- container-type
- content
- content-visibility
- display
- empty-cells
- flex
- flex-basis
- flex-direction
- flex-flow
- flex-grow
- flex-shrink
- flex-wrap
- float
- gap
- grid
- grid-area
- grid-auto-columns
- grid-auto-flow
- grid-auto-rows
- grid-column
- grid-column-end
- grid-column-start
- grid-row
- grid-row-end
- grid-row-start
- grid-template
- grid-template-areas
- grid-template-columns
- grid-template-rows
- justify-content
- justify-items
- justify-self
- order
- overflow
- overflow-anchor
- overflow-block
- overflow-inline
- overflow-wrap
- overflow-x
- overflow-y
- place-content
- place-items
- place-self
- position-anchor
- position-area
- position-try
- position-try-fallbacks
- position-try-order
- position-visibility
- resize
- row-gap
- table-layout
- text-overflow
- visibility
- z-index
- reading-flow 🧪
- reading-order 🧪
- align-tracks 🚧
- block-ellipsis 🚧
- block-step 🚧
- block-step-align 🚧
- block-step-insert 🚧
- block-step-round 🚧
- block-step-size 🚧
- bookmark-label 🚧
- bookmark-level 🚧
- bookmark-state 🚧
- column-height 🚧
- column-rule-break 🚧
- column-rule-outset 🚧
- column-wrap 🚧
- continue 🚧
- float-defer 🚧
- float-offset 🚧
- float-reference 🚧
- flow-from 🚧
- flow-into 🚧
- grid-column-gap 🚧
- grid-gap 🚧
- grid-row-gap 🚧
- inline-sizing 🚧
- item-cross 🚧
- item-direction 🚧
- item-flow 🚧
- item-pack 🚧
- item-tolerance 🚧
- item-track 🚧
- item-wrap 🚧
- justify-tracks 🚧
- region-fragment 🚧
- row-rule 🚧
- row-rule-break 🚧
- row-rule-color 🚧
- row-rule-outset 🚧
- row-rule-style 🚧
- row-rule-width 🚧
- rule 🚧
- rule-break 🚧
- rule-color 🚧
- rule-outset 🚧
- rule-overlap 🚧
- rule-style 🚧
- rule-width 🚧
- wrap-after 🚧
- wrap-before 🚧
- wrap-flow 🚧
- wrap-inside 🚧
- wrap-through 🚧
- page-break-after 🗑️
- page-break-before 🗑️
- page-break-inside 🗑️
Position & Transform
Properties for positioning and transforms
- backface-visibility
- bottom
- inset
- inset-block
- inset-block-end
- inset-block-start
- inset-inline
- inset-inline-end
- inset-inline-start
- left
- offset
- offset-anchor
- offset-distance
- offset-path
- offset-position
- offset-rotate
- perspective
- perspective-origin
- position
- right
- rotate
- scale
- top
- transform
- transform-box
- transform-origin
- transform-style
- translate
- zoom
- overlay 🧪
Visual Effects & Masking
Properties for colors, opacity, masking, and visual effects
- backdrop-filter
- background-blend-mode
- box-shadow
- clip-path
- clip-rule
- color-interpolation
- color-interpolation-filters
- color-scheme
- filter
- flood-color
- flood-opacity
- forced-color-adjust
- image-orientation
- image-rendering
- isolation
- lighting-color
- mask
- mask-border
- mask-border-outset
- mask-border-repeat
- mask-border-slice
- mask-border-source
- mask-border-width
- mask-clip
- mask-composite
- mask-image
- mask-mode
- mask-origin
- mask-position
- mask-repeat
- mask-size
- mask-type
- mix-blend-mode
- object-fit
- object-position
- opacity
- paint-order
- print-color-adjust
- shape-image-threshold
- shape-margin
- shape-outside
- stop-color
- stop-opacity
- text-shadow
- object-view-box 🧪
- box-shadow-blur 🚧
- box-shadow-color 🚧
- box-shadow-offset 🚧
- box-shadow-position 🚧
- box-shadow-spread 🚧
- image-resolution 🚧
- mask-border-mode 🚧
- shape-inside 🚧
- shape-padding 🚧
- shape-subtract 🚧
- clip 🗑️
- color-adjust 🗑️
Animation & Transition
Properties for animations and transitions
- animation
- animation-composition
- animation-delay
- animation-direction
- animation-duration
- animation-fill-mode
- animation-iteration-count
- animation-name
- animation-play-state
- animation-range
- animation-range-end
- animation-range-start
- animation-timeline
- animation-timing-function
- scroll-timeline
- scroll-timeline-axis
- scroll-timeline-name
- timeline-scope
- transition
- transition-behavior
- transition-delay
- transition-duration
- transition-property
- transition-timing-function
- view-timeline
- view-timeline-axis
- view-timeline-inset
- view-timeline-name
- view-transition-class
- view-transition-name
- view-transition-group 🧪
- animation-range-center 🚧
- animation-trigger 🚧
- timeline-trigger 🚧
- timeline-trigger-exit-range 🚧
- timeline-trigger-exit-range-end 🚧
- timeline-trigger-exit-range-start 🚧
- timeline-trigger-name 🚧
- timeline-trigger-range 🚧
- timeline-trigger-range-end 🚧
- timeline-trigger-range-start 🚧
- timeline-trigger-source 🚧
List Styling
Properties for lists and bullets
Interaction & UI
Properties for user interaction, navigation, and UI appearance
- accent-color
- appearance
- caret-color
- cursor
- field-sizing
- pointer-events
- scrollbar-color
- scrollbar-gutter
- scrollbar-width
- touch-action
- user-select
- caret-animation 🧪
- caret-shape 🧪
- interactivity 🧪
- interest-delay 🧪
- interest-delay-end 🧪
- interest-delay-start 🧪
- box-snap 🚧
- caret 🚧
- event-trigger 🚧
- event-trigger-name 🚧
- event-trigger-source 🚧
- input-security 🚧
- line-snap 🚧
- nav-down 🚧
- nav-left 🚧
- nav-right 🚧
- nav-up 🚧
- pointer-timeline 🚧
- pointer-timeline-axis 🚧
- pointer-timeline-name 🚧
- slider-orientation 🚧
- spatial-navigation-action 🚧
- spatial-navigation-contain 🚧
- spatial-navigation-function 🚧
SVG & Graphics
Properties specific to SVG and vector graphics
- cx
- cy
- d
- fill
- fill-opacity
- fill-rule
- marker
- marker-end
- marker-mid
- marker-start
- r
- rx
- ry
- shape-rendering
- stroke
- stroke-dasharray
- stroke-dashoffset
- stroke-linecap
- stroke-linejoin
- stroke-miterlimit
- stroke-opacity
- stroke-width
- vector-effect
- x
- y
- stroke-color 🧪
- fill-break 🚧
- fill-color 🚧
- fill-image 🚧
- fill-origin 🚧
- fill-position 🚧
- fill-repeat 🚧
- fill-size 🚧
- marker-side 🚧
- stroke-align 🚧
- stroke-alignment 🚧
- stroke-break 🚧
- stroke-dash-corner 🚧
- stroke-dash-justify 🚧
- stroke-dashadjust 🚧
- stroke-dashcorner 🚧
- stroke-image 🚧
- stroke-origin 🚧
- stroke-position 🚧
- stroke-repeat 🚧
- stroke-size 🚧
- glyph-orientation-vertical 🗑️
Speech & Audio
Properties for speech synthesis and audio
Scroll
Properties for scrolling behavior and scroll snapping
- overscroll-behavior
- overscroll-behavior-block
- overscroll-behavior-inline
- overscroll-behavior-x
- overscroll-behavior-y
- scroll-behavior
- scroll-margin
- scroll-margin-block
- scroll-margin-block-end
- scroll-margin-block-start
- scroll-margin-bottom
- scroll-margin-inline
- scroll-margin-inline-end
- scroll-margin-inline-start
- scroll-margin-left
- scroll-margin-right
- scroll-margin-top
- scroll-padding
- scroll-padding-block
- scroll-padding-block-end
- scroll-padding-block-start
- scroll-padding-bottom
- scroll-padding-inline
- scroll-padding-inline-end
- scroll-padding-inline-start
- scroll-padding-left
- scroll-padding-right
- scroll-padding-top
- scroll-snap-align
- scroll-snap-stop
- scroll-snap-type
- scroll-initial-target 🧪
- scroll-marker-group 🧪
- scroll-target-group 🧪
MathML
Properties specific to MathML
Miscellaneous
Other properties