CSS Properties Reference (MDN) - Free Download
Comprehensive reference of CSS properties from MDN Web Docs, including syntax, initial values, inheritance, animation types, and applicability. Contains 552 records. Download in Excel, CSV, PDF formats.
📥 Free Download
💡 Key Takeaways
- Contains 552 records / 11 fields
- Available for free download in Excel, CSV, and PDF formats
- Data sourced from: https://github.com/mdn/data
📋 ข้อมูลทั้งหมด
Showing 500
of 552
⚠️ Showing first 500 of 552 records. Download the file for complete data.
| Property | Syntax | Media | Inherited | AnimationType | Percentages | Initial | Appliesto | Computed | Order | Groups |
|---|---|---|---|---|---|---|---|---|---|---|
| --* | <declaration-value> | all | true | discrete | no | seeProse | allElements | asSpecifiedWithVarsSubstituted | perGrammar | CSS Custom Properties for Cascading Variables |
| accent-color | auto | <color> | interactive | true | byComputedValueType | no | auto | allElements | asAutoOrColor | perGrammar | CSS Basic User Interface |
| align-content | normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position> | visual | discrete | no | normal | blockContainersMultiColumnContainersFlexContainersGridContainers | asSpecified | uniqueOrder | CSS Box Alignment, CSS Flexible Box Layout | |
| align-items | normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center | visual | discrete | no | normal | allElements | asSpecified | uniqueOrder | CSS Box Alignment, CSS Flexible Box Layout | |
| align-self | auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center | visual | discrete | no | auto | flexItemsGridItemsAndAbsolutelyPositionedBoxes | autoOnAbsolutelyPositionedElementsValueOfAlignItemsOnParent | uniqueOrder | CSS Box Alignment, CSS Flexible Box Layout | |
| align-tracks | [ normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position> ]# | visual | discrete | no | normal | gridContainersWithMasonryLayoutInTheirBlockAxis | asSpecified | uniqueOrder | CSS Grid Layout | |
| alignment-baseline | baseline | alphabetic | ideographic | middle | central | mathematical | text-before-edge | text-after-edge | none | discrete | no | baseline | inlineLevelBoxesFlexItemsGridItemsTableCellsAndSVGTextContentElements | theSpecifiedKeyword | perGrammar | CSS Inline | |
| all | initial | inherit | unset | revert | revert-layer | noPracticalMedia | eachOfShorthandPropertiesExceptUnicodeBiDiAndDirection | no | noPracticalInitialValue | allElements | asSpecifiedAppliesToEachProperty | uniqueOrder | CSS Cascading and Inheritance | |
| anchor-name | none | <dashed-ident># | visual | discrete | no | none | allElementsThatGenerateAPrincipalBox | asSpecified | perGrammar | CSS Anchor Positioning | |
| anchor-scope | none | all | <dashed-ident># | visual | discrete | no | none | allElements | asSpecified | perGrammar | CSS Anchor Positioning | |
| animation | <single-animation># | visual | notAnimatable | no | animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, animation-play-state, animation-timeline | allElements | animation-name, animation-duration, animation-timing-function, animation-delay, animation-direction, animation-iteration-count, animation-fill-mode, animation-play-state, animation-timeline | perGrammar | CSS Animations | |
| animation-composition | <single-animation-composition># | visual | notAnimatable | no | replace | allElements | asSpecified | uniqueOrder | CSS Animations | |
| animation-delay | <time># | visual | notAnimatable | no | 0s | allElementsAndPseudos | asSpecified | uniqueOrder | CSS Animations | |
| animation-direction | <single-animation-direction># | visual | notAnimatable | no | normal | allElementsAndPseudos | asSpecified | uniqueOrder | CSS Animations | |
| animation-duration | [ auto | <time [0s,∞]> ]# | visual | notAnimatable | no | 0s | allElementsAndPseudos | asSpecified | uniqueOrder | CSS Animations | |
| animation-fill-mode | <single-animation-fill-mode># | visual | notAnimatable | no | none | allElementsAndPseudos | asSpecified | uniqueOrder | CSS Animations | |
| animation-iteration-count | <single-animation-iteration-count># | visual | notAnimatable | no | 1 | allElementsAndPseudos | asSpecified | uniqueOrder | CSS Animations | |
| animation-name | [ none | <keyframes-name> ]# | visual | notAnimatable | no | none | allElementsAndPseudos | asSpecified | uniqueOrder | CSS Animations | |
| animation-play-state | <single-animation-play-state># | visual | notAnimatable | no | running | allElementsAndPseudos | asSpecified | uniqueOrder | CSS Animations | |
| animation-range | [ <'animation-range-start'> <'animation-range-end'>? ]# | visual | animation-range-start, animation-range-end | relativeToTimelineRangeIfSpecifiedOtherwiseEntireTimeline | animation-range-start, animation-range-end | allElements | animation-range-start, animation-range-end | perGrammar | Scroll-driven Animations | |
| animation-range-end | [ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]# | visual | notAnimatable | relativeToTimelineRangeIfSpecifiedOtherwiseEntireTimeline | normal | allElements | listEachItemConsistingOfNormalLengthPercentageOrNameLengthPercentage | perGrammar | Scroll-driven Animations | |
| animation-range-start | [ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]# | visual | notAnimatable | relativeToTimelineRangeIfSpecifiedOtherwiseEntireTimeline | normal | allElements | listEachItemConsistingOfNormalLengthPercentageOrNameLengthPercentage | perGrammar | Scroll-driven Animations | |
| animation-timeline | <single-animation-timeline># | visual | notAnimatable | no | auto | allElements | listEachItemIdentifierOrNoneAuto | perGrammar | CSS Animations | |
| animation-timing-function | <easing-function># | visual | notAnimatable | no | ease | allElementsAndPseudos | asSpecified | uniqueOrder | CSS Animations | |
| animation-trigger | [ none | [ <dashed-ident> <animation-action>+ ]+ ]# | visual | notAnimatable | no | none | allElements | asSpecified | perGrammar | CSS Animations | |
| appearance | none | auto | <compat-auto> | <compat-special> | all | discrete | no | none | allElements | asSpecified | perGrammar | CSS Basic User Interface | |
| aspect-ratio | auto || <ratio> | all | byComputedValueType | no | auto | allElementsExceptInlineBoxesAndInternalRubyOrTableBoxes | asSpecified | perGrammar | CSS Box Sizing | |
| backdrop-filter | none | <filter-value-list> | visual | filterList | no | none | allElementsSVGContainerElements | asSpecified | uniqueOrder | Filter Effects | |
| backface-visibility | visible | hidden | visual | discrete | no | visible | transformableElements | asSpecified | uniqueOrder | CSS Transforms | |
| background | <bg-layer>#? , <final-bg-layer> | visual | background-color, background-image, background-clip, background-position, background-size, background-repeat, background-attachment | background-position, background-size | background-image, background-position, background-size, background-repeat, background-origin, background-clip, background-attachment, background-color | allElements | background-image, background-position, background-size, background-repeat, background-origin, background-clip, background-attachment, background-color | orderOfAppearance | CSS Backgrounds and Borders | |
| background-attachment | <attachment># | visual | discrete | no | scroll | allElements | asSpecified | uniqueOrder | CSS Backgrounds and Borders | |
| background-blend-mode | <blend-mode># | none | notAnimatable | no | normal | allElementsSVGContainerGraphicsAndGraphicsReferencingElements | asSpecified | uniqueOrder | Compositing and Blending | |
| background-clip | <bg-clip># | visual | repeatableList | no | border-box | allElements | asSpecified | uniqueOrder | CSS Backgrounds and Borders | |
| background-color | <color> | visual | color | no | transparent | allElements | computedColor | uniqueOrder | CSS Backgrounds and Borders | |
| background-image | <bg-image># | visual | discrete | no | none | allElements | asSpecifiedURLsAbsolute | uniqueOrder | CSS Backgrounds and Borders | |
| background-origin | <visual-box># | visual | repeatableList | no | padding-box | allElements | asSpecified | uniqueOrder | CSS Backgrounds and Borders | |
| background-position | <bg-position># | visual | repeatableList | referToSizeOfBackgroundPositioningAreaMinusBackgroundImageSize | 0% 0% | allElements | background-position-x, background-position-y | uniqueOrder | CSS Backgrounds and Borders | |
| background-position-x | [ center | [ [ left | right | x-start | x-end ]? <length-percentage>? ]! ]# | visual | repeatableList | referToWidthOfBackgroundPositioningAreaMinusBackgroundImageWidth | 0% | allElements | listEachItemConsistingOfAbsoluteLengthPercentageAndOrigin | uniqueOrder | CSS Backgrounds and Borders | |
| background-position-y | [ center | [ [ top | bottom | y-start | y-end ]? <length-percentage>? ]! ]# | visual | repeatableList | referToHeightOfBackgroundPositioningAreaMinusBackgroundImageHeight | 0% | allElements | listEachItemConsistingOfAbsoluteLengthPercentageAndOrigin | uniqueOrder | CSS Backgrounds and Borders | |
| background-repeat | <repeat-style># | visual | discrete | no | repeat | allElements | listEachItemHasTwoKeywordsOnePerDimension | uniqueOrder | CSS Backgrounds and Borders | |
| background-size | <bg-size># | visual | repeatableList | relativeToBackgroundPositioningArea | auto auto | allElements | asSpecifiedRelativeToAbsoluteLengths | uniqueOrder | CSS Backgrounds and Borders | |
| baseline-shift | <length-percentage> | sub | super | baseline | none | byComputedValueType | referToTheUsedValueOfLineHeight | 0 | inlineLevelBoxesAndSVGTextContentElements | theSpecifiedKeywordOrAComputedLengthPercentageValue | perGrammar | CSS Inline | |
| baseline-source | auto | first | last | visual | discrete | no | auto | inlineLevelBoxes | asSpecified | perGrammar | CSS Inline | |
| block-size | <'width'> | visual | lpc | blockSizeOfContainingBlock | auto | sameAsWidthAndHeight | sameAsWidthAndHeight | uniqueOrder | CSS Logical Properties and Values | |
| border | <line-width> || <line-style> || <color> | visual | border-width, border-style, border-color | no | border-width, border-style, border-color | allElements | border-width, border-style, border-color | orderOfAppearance | CSS Backgrounds and Borders | |
| border-block | <'border-block-start'> | visual | border-block-width, border-block-style, border-block-color | no | border-block-width, border-block-style, border-block-color | allElements | border-block-width, border-block-style, border-block-color | uniqueOrder | CSS Logical Properties and Values | |
| border-block-color | <'border-top-color'>{1,2} | visual | byComputedValueType | no | currentcolor | allElements | computedColor | uniqueOrder | CSS Logical Properties and Values | |
| border-block-end | <'border-top-width'> || <'border-top-style'> || <color> | visual | border-block-end-color, border-block-end-style, border-block-end-width | no | border-top-width, border-top-style, border-top-color | allElements | border-top-width, border-top-style, border-top-color | uniqueOrder | CSS Logical Properties and Values | |
| border-block-end-color | <'border-top-color'> | visual | byComputedValueType | no | currentcolor | allElements | computedColor | uniqueOrder | CSS Logical Properties and Values | |
| border-block-end-style | <'border-top-style'> | visual | discrete | no | none | allElements | asSpecified | uniqueOrder | CSS Logical Properties and Values | |
| border-block-end-width | <'border-top-width'> | visual | byComputedValueType | logicalWidthOfContainingBlock | medium | allElements | absoluteLengthZeroIfBorderStyleNoneOrHidden | uniqueOrder | CSS Logical Properties and Values | |
| border-block-start | <'border-top-width'> || <'border-top-style'> || <color> | visual | border-block-start-color, border-block-start-style, border-block-start-width | no | border-width, border-style, color | allElements | border-width, border-style, border-block-start-color | uniqueOrder | CSS Logical Properties and Values | |
| border-block-start-color | <'border-top-color'> | visual | byComputedValueType | no | currentcolor | allElements | computedColor | uniqueOrder | CSS Logical Properties and Values | |
| border-block-start-style | <'border-top-style'> | visual | discrete | no | none | allElements | asSpecified | uniqueOrder | CSS Logical Properties and Values | |
| border-block-start-width | <'border-top-width'> | visual | byComputedValueType | logicalWidthOfContainingBlock | medium | allElements | absoluteLengthZeroIfBorderStyleNoneOrHidden | uniqueOrder | CSS Logical Properties and Values | |
| border-block-style | <'border-top-style'>{1,2} | visual | discrete | no | none | allElements | asSpecified | uniqueOrder | CSS Logical Properties and Values | |
| border-block-width | <'border-top-width'>{1,2} | visual | byComputedValueType | logicalWidthOfContainingBlock | medium | allElements | absoluteLengthZeroIfBorderStyleNoneOrHidden | uniqueOrder | CSS Logical Properties and Values | |
| border-bottom | <line-width> || <line-style> || <color> | visual | border-bottom-color, border-bottom-style, border-bottom-width | no | border-bottom-width, border-bottom-style, border-bottom-color | allElements | border-bottom-width, border-bottom-style, border-bottom-color | orderOfAppearance | CSS Backgrounds and Borders | |
| border-bottom-color | <'border-top-color'> | visual | color | no | currentcolor | allElements | computedColor | uniqueOrder | CSS Backgrounds and Borders | |
| border-bottom-left-radius | <length-percentage [0,∞]>{1,2} | visual | lpc | referToDimensionOfBorderBox | 0 | allElementsUAsNotRequiredWhenCollapse | twoAbsoluteLengthOrPercentages | uniqueOrder | CSS Backgrounds and Borders | |
| border-bottom-right-radius | <length-percentage [0,∞]>{1,2} | visual | lpc | referToDimensionOfBorderBox | 0 | allElementsUAsNotRequiredWhenCollapse | twoAbsoluteLengthOrPercentages | uniqueOrder | CSS Backgrounds and Borders | |
| border-bottom-style | <line-style> | visual | discrete | no | none | allElements | asSpecified | uniqueOrder | CSS Backgrounds and Borders | |
| border-bottom-width | <line-width> | visual | length | no | medium | allElements | absoluteLengthOr0IfBorderBottomStyleNoneOrHidden | uniqueOrder | CSS Backgrounds and Borders | |
| border-collapse | separate | collapse | visual | true | discrete | no | separate | tableElements | asSpecified | uniqueOrder | CSS Table |
| border-color | <color>{1,4} | visual | border-bottom-color, border-left-color, border-right-color, border-top-color | no | border-top-color, border-right-color, border-bottom-color, border-left-color | allElements | border-bottom-color, border-left-color, border-right-color, border-top-color | uniqueOrder | CSS Backgrounds and Borders | |
| border-end-end-radius | <'border-top-left-radius'> | visual | lpc | referToDimensionOfBorderBox | 0 | allElementsUAsNotRequiredWhenCollapse | twoAbsoluteLengthOrPercentages | uniqueOrder | CSS Logical Properties and Values | |
| border-end-start-radius | <'border-top-left-radius'> | visual | lpc | referToDimensionOfBorderBox | 0 | allElementsUAsNotRequiredWhenCollapse | twoAbsoluteLengthOrPercentages | uniqueOrder | CSS Logical Properties and Values | |
| border-image | <'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'> | visual | border-image-outset, border-image-repeat, border-image-slice, border-image-source, border-image-width | border-image-slice, border-image-width | border-image-source, border-image-slice, border-image-width, border-image-outset, border-image-repeat | allElementsExceptTableElementsWhenCollapse | border-image-outset, border-image-repeat, border-image-slice, border-image-source, border-image-width | uniqueOrder | CSS Backgrounds and Borders | |
| border-image-outset | [ <length [0,∞]> | <number [0,∞]> ]{1,4} | visual | byComputedValueType | no | 0 | allElementsExceptTableElementsWhenCollapse | asSpecifiedRelativeToAbsoluteLengths | uniqueOrder | CSS Backgrounds and Borders | |
| border-image-repeat | [ stretch | repeat | round | space ]{1,2} | visual | discrete | no | stretch | allElementsExceptTableElementsWhenCollapse | asSpecified | uniqueOrder | CSS Backgrounds and Borders | |
| border-image-slice | [ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill? | visual | byComputedValueType | referToSizeOfBorderImage | 100% | allElementsExceptTableElementsWhenCollapse | oneToFourPercentagesOrAbsoluteLengthsPlusFill | percentagesOrLengthsFollowedByFill | CSS Backgrounds and Borders | |
| border-image-source | none | <image> | visual | discrete | no | none | allElementsExceptTableElementsWhenCollapse | noneOrImageWithAbsoluteURI | uniqueOrder | CSS Backgrounds and Borders | |
| border-image-width | [ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4} | visual | byComputedValueType | referToWidthOrHeightOfBorderImageArea | 1 | allElementsExceptTableElementsWhenCollapse | asSpecifiedRelativeToAbsoluteLengths | uniqueOrder | CSS Backgrounds and Borders | |
| border-inline | <'border-block-start'> | visual | border-inline-color, border-inline-style, border-inline-width | no | border-inline-width, border-inline-style, border-inline-color | allElements | border-inline-width, border-inline-style, border-inline-color | uniqueOrder | CSS Logical Properties and Values | |
| border-inline-color | <'border-top-color'>{1,2} | visual | byComputedValueType | no | currentcolor | allElements | computedColor | uniqueOrder | CSS Logical Properties and Values | |
| border-inline-end | <'border-top-width'> || <'border-top-style'> || <color> | visual | border-inline-end-color, border-inline-end-style, border-inline-end-width | no | border-width, border-style, color | allElements | border-width, border-style, border-inline-end-color | uniqueOrder | CSS Logical Properties and Values | |
| border-inline-end-color | <'border-top-color'> | visual | byComputedValueType | no | currentcolor | allElements | computedColor | uniqueOrder | CSS Logical Properties and Values | |
| border-inline-end-style | <'border-top-style'> | visual | discrete | no | none | allElements | asSpecified | uniqueOrder | CSS Logical Properties and Values | |
| border-inline-end-width | <'border-top-width'> | visual | byComputedValueType | logicalWidthOfContainingBlock | medium | allElements | absoluteLengthZeroIfBorderStyleNoneOrHidden | uniqueOrder | CSS Logical Properties and Values | |
| border-inline-start | <'border-top-width'> || <'border-top-style'> || <color> | visual | border-inline-start-color, border-inline-start-style, border-inline-start-width | no | border-width, border-style, color | allElements | border-width, border-style, border-inline-start-color | uniqueOrder | CSS Logical Properties and Values | |
| border-inline-start-color | <'border-top-color'> | visual | byComputedValueType | no | currentcolor | allElements | computedColor | uniqueOrder | CSS Logical Properties and Values | |
| border-inline-start-style | <'border-top-style'> | visual | discrete | no | none | allElements | asSpecified | uniqueOrder | CSS Logical Properties and Values | |
| border-inline-start-width | <'border-top-width'> | visual | byComputedValueType | logicalWidthOfContainingBlock | medium | allElements | absoluteLengthZeroIfBorderStyleNoneOrHidden | uniqueOrder | CSS Logical Properties and Values | |
| border-inline-style | <'border-top-style'>{1,2} | visual | discrete | no | none | allElements | asSpecified | uniqueOrder | CSS Logical Properties and Values | |
| border-inline-width | <'border-top-width'>{1,2} | visual | byComputedValueType | logicalWidthOfContainingBlock | medium | allElements | absoluteLengthZeroIfBorderStyleNoneOrHidden | uniqueOrder | CSS Logical Properties and Values | |
| border-left | <line-width> || <line-style> || <color> | visual | border-left-color, border-left-style, border-left-width | no | border-left-width, border-left-style, border-left-color | allElements | border-left-width, border-left-style, border-left-color | orderOfAppearance | CSS Backgrounds and Borders | |
| border-left-color | <color> | visual | color | no | currentcolor | allElements | computedColor | uniqueOrder | CSS Backgrounds and Borders | |
| border-left-style | <line-style> | visual | discrete | no | none | allElements | asSpecified | uniqueOrder | CSS Backgrounds and Borders | |
| border-left-width | <line-width> | visual | length | no | medium | allElements | absoluteLengthOr0IfBorderLeftStyleNoneOrHidden | uniqueOrder | CSS Backgrounds and Borders | |
| border-radius | <length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]? | visual | border-top-left-radius, border-top-right-radius, border-bottom-right-radius, border-bottom-left-radius | referToDimensionOfBorderBox | border-top-left-radius, border-top-right-radius, border-bottom-right-radius, border-bottom-left-radius | allElementsUAsNotRequiredWhenCollapse | border-bottom-left-radius, border-bottom-right-radius, border-top-left-radius, border-top-right-radius | uniqueOrder | CSS Backgrounds and Borders | |
| border-right | <line-width> || <line-style> || <color> | visual | border-right-color, border-right-style, border-right-width | no | border-right-width, border-right-style, border-right-color | allElements | border-right-width, border-right-style, border-right-color | orderOfAppearance | CSS Backgrounds and Borders | |
| border-right-color | <color> | visual | color | no | currentcolor | allElements | computedColor | uniqueOrder | CSS Backgrounds and Borders | |
| border-right-style | <line-style> | visual | discrete | no | none | allElements | asSpecified | uniqueOrder | CSS Backgrounds and Borders | |
| border-right-width | <line-width> | visual | length | no | medium | allElements | absoluteLengthOr0IfBorderRightStyleNoneOrHidden | uniqueOrder | CSS Backgrounds and Borders | |
| border-spacing | <length>{1,2} | visual | true | discrete | no | 0 | tableElements | twoAbsoluteLengths | uniqueOrder | CSS Table |
| border-start-end-radius | <'border-top-left-radius'> | visual | lpc | referToDimensionOfBorderBox | 0 | allElementsUAsNotRequiredWhenCollapse | twoAbsoluteLengthOrPercentages | uniqueOrder | CSS Logical Properties and Values | |
| border-start-start-radius | <'border-top-left-radius'> | visual | lpc | referToDimensionOfBorderBox | 0 | allElementsUAsNotRequiredWhenCollapse | twoAbsoluteLengthOrPercentages | uniqueOrder | CSS Logical Properties and Values | |
| border-style | <line-style>{1,4} | visual | discrete | no | border-top-style, border-right-style, border-bottom-style, border-left-style | allElements | border-bottom-style, border-left-style, border-right-style, border-top-style | uniqueOrder | CSS Backgrounds and Borders | |
| border-top | <line-width> || <line-style> || <color> | visual | border-top-color, border-top-style, border-top-width | no | border-top-width, border-top-style, border-top-color | allElements | border-top-width, border-top-style, border-top-color | orderOfAppearance | CSS Backgrounds and Borders | |
| border-top-color | <color> | visual | color | no | currentcolor | allElements | computedColor | uniqueOrder | CSS Backgrounds and Borders | |
| border-top-left-radius | <length-percentage [0,∞]>{1,2} | visual | lpc | referToDimensionOfBorderBox | 0 | allElementsUAsNotRequiredWhenCollapse | twoAbsoluteLengthOrPercentages | uniqueOrder | CSS Backgrounds and Borders | |
| border-top-right-radius | <length-percentage [0,∞]>{1,2} | visual | lpc | referToDimensionOfBorderBox | 0 | allElementsUAsNotRequiredWhenCollapse | twoAbsoluteLengthOrPercentages | uniqueOrder | CSS Backgrounds and Borders | |
| border-top-style | <line-style> | visual | discrete | no | none | allElements | asSpecified | uniqueOrder | CSS Backgrounds and Borders | |
| border-top-width | <line-width> | visual | length | no | medium | allElements | absoluteLengthOr0IfBorderTopStyleNoneOrHidden | uniqueOrder | CSS Backgrounds and Borders | |
| border-width | <line-width>{1,4} | visual | border-bottom-width, border-left-width, border-right-width, border-top-width | no | border-top-width, border-right-width, border-bottom-width, border-left-width | allElements | border-bottom-width, border-left-width, border-right-width, border-top-width | uniqueOrder | CSS Backgrounds and Borders | |
| bottom | auto | <length-percentage> | <anchor()> | <anchor-size()> | visual | lpc | referToContainingBlockHeight | auto | positionedElements | lengthAbsolutePercentageAsSpecifiedOtherwiseAuto | uniqueOrder | CSS Anchor Positioning, CSS Positioned Layout | |
| box-align | start | center | end | baseline | stretch | visual | discrete | no | stretch | elementsWithDisplayBoxOrInlineBox | asSpecified | uniqueOrder | Mozilla Extensions, WebKit Extensions | |
| box-decoration-break | slice | clone | visual | discrete | no | slice | allElements | asSpecified | uniqueOrder | CSS Fragmentation | |
| box-direction | normal | reverse | inherit | visual | discrete | no | normal | elementsWithDisplayBoxOrInlineBox | asSpecified | uniqueOrder | Mozilla Extensions, WebKit Extensions | |
| box-flex | <number> | visual | discrete | no | 0 | directChildrenOfElementsWithDisplayMozBoxMozInlineBox | asSpecified | uniqueOrder | Mozilla Extensions, WebKit Extensions | |
| box-flex-group | <integer> | visual | discrete | no | 1 | inFlowChildrenOfBoxElements | asSpecified | uniqueOrder | Mozilla Extensions, WebKit Extensions | |
| box-lines | single | multiple | visual | discrete | no | single | boxElements | asSpecified | uniqueOrder | Mozilla Extensions, WebKit Extensions | |
| box-ordinal-group | <integer> | visual | discrete | no | 1 | childrenOfBoxElements | asSpecified | uniqueOrder | Mozilla Extensions, WebKit Extensions | |
| box-orient | horizontal | vertical | inline-axis | block-axis | inherit | visual | discrete | no | inline-axis | elementsWithDisplayBoxOrInlineBox | asSpecified | uniqueOrder | Mozilla Extensions, WebKit Extensions | |
| box-pack | start | center | end | justify | visual | discrete | no | start | elementsWithDisplayMozBoxMozInlineBox | asSpecified | uniqueOrder | Mozilla Extensions, WebKit Extensions | |
| box-shadow | none | <shadow># | visual | shadowList | no | none | allElements | absoluteLengthsSpecifiedColorAsSpecified | uniqueOrder | CSS Backgrounds and Borders | |
| box-sizing | content-box | border-box | visual | discrete | no | content-box | allElementsAcceptingWidthOrHeight | asSpecified | uniqueOrder | CSS Box Sizing | |
| break-after | auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region | visual | discrete | no | auto | blockLevelElements | asSpecified | uniqueOrder | CSS Fragmentation | |
| break-before | auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region | visual | discrete | no | auto | blockLevelElements | asSpecified | uniqueOrder | CSS Fragmentation | |
| break-inside | auto | avoid | avoid-page | avoid-column | avoid-region | visual | discrete | no | auto | blockLevelElements | asSpecified | uniqueOrder | CSS Fragmentation | |
| caption-side | top | bottom | visual | true | discrete | no | top | tableCaptionElements | asSpecified | uniqueOrder | CSS Table |
| caret | <'caret-color'> || <'caret-animation'> || <'caret-shape'> | interactive | true | caret-color, caret-animation, caret-shape | no | caret-color, caret-animation, caret-shape | textOrElementsThatAcceptInput | caret-color, caret-animation, caret-shape | perGrammar | CSS Basic User Interface |
| caret-animation | auto | manual | interactive | true | discrete | no | auto | textOrElementsThatAcceptInput | asSpecified | perGrammar | CSS Basic User Interface |
| caret-color | auto | <color> | interactive | true | color | no | auto | textOrElementsThatAcceptInput | asAutoOrColor | perGrammar | CSS Basic User Interface |
| caret-shape | auto | bar | block | underscore | interactive | true | byComputedValueType | no | auto | textOrElementsThatAcceptInput | asSpecified | perGrammar | CSS Basic User Interface |
| clear | none | left | right | both | inline-start | inline-end | visual | discrete | no | none | blockLevelElements | asSpecified | uniqueOrder | CSS Positioned Layout | |
| clip | <shape> | auto | visual | rectangle | no | auto | absolutelyPositionedElements | autoOrRectangle | uniqueOrder | CSS Masking | |
| clip-path | <clip-source> | [ <basic-shape> || <geometry-box> ] | none | visual | basicShapeOtherwiseNo | referToReferenceBoxWhenSpecifiedOtherwiseBorderBox | none | allElementsSVGContainerElements | asSpecifiedURLsAbsolute | uniqueOrder | CSS Masking | |
| clip-rule | nonzero | evenodd | visual | true | discrete | no | nonzero | limitedSVGElementsGraphics | asSpecified | perGrammar | CSS Masking |
| color | <color> | visual | true | byComputedValueType | no | canvastext | allElementsAndText | computedColor | perGrammar | CSS Color |
| color-interpolation-filters | auto | sRGB | linearRGB | visual | true | discrete | no | linearRGB | limitedSVGElementsFilterPrimitives | asSpecified | perGrammar | Filter Effects |
| color-scheme | normal | [ light | dark | <custom-ident> ]+ && only? | visual | true | discrete | no | normal | allElementsAndText | asSpecified | perGrammar | CSS Color |
| column-count | <integer> | auto | visual | integer | no | auto | blockContainersExceptTableWrappers | asSpecified | perGrammar | CSS Multi-column Layout | |
| column-fill | auto | balance | visualInContinuousMediaNoEffectInOverflowColumns | discrete | no | balance | multicolElements | asSpecified | perGrammar | CSS Multi-column Layout | |
| column-gap | normal | <length-percentage> | visual | lpc | referToDimensionOfContentArea | normal | multiColumnElementsFlexContainersGridContainers | asSpecifiedWithLengthsAbsoluteAndNormalComputingToZeroExceptMultiColumn | perGrammar | CSS Box Alignment, CSS Multi-column Layout | |
| column-height | auto | <length [0,∞]> | visual | byComputedValueType | no | auto | blockContainersExceptTableWrappers | autoOrAbsoluteLength | perGrammar | CSS Box Sizing, CSS Multi-column Layout | |
| column-rule | <'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'> | visual | column-rule-color, column-rule-style, column-rule-width | no | column-rule-width, column-rule-style, column-rule-color | multicolElements | column-rule-color, column-rule-style, column-rule-width | perGrammar | CSS Multi-column Layout | |
| column-rule-color | <color> | visual | color | no | currentcolor | multicolElements | computedColor | perGrammar | CSS Multi-column Layout | |
| column-rule-style | <'border-style'> | visual | discrete | no | none | multicolElements | asSpecified | perGrammar | CSS Multi-column Layout | |
| column-rule-width | <'border-width'> | visual | length | no | medium | multicolElements | absoluteLength0IfColumnRuleStyleNoneOrHidden | perGrammar | CSS Multi-column Layout | |
| column-span | none | all | visual | discrete | no | none | inFlowBlockLevelElements | asSpecified | perGrammar | CSS Multi-column Layout | |
| column-width | auto | <length [0,∞]> | visual | byComputedValueType | no | auto | blockContainersExceptTableWrappers | autoOrAbsoluteLength | perGrammar | CSS Box Sizing, CSS Multi-column Layout | |
| column-wrap | auto | nowrap | wrap | visual | discrete | no | auto | multicolElements | asSpecified | perGrammar | CSS Box Sizing, CSS Multi-column Layout | |
| columns | [ <'column-width'> || <'column-count'> ] [ / <'column-height'> ]? | visual | column-width, column-count, column-height | no | column-width, column-count, column-height | blockContainersExceptTableWrappers | column-width, column-count, column-height | perGrammar | CSS Multi-column Layout | |
| contain | none | strict | content | [ [ size || inline-size ] || layout || style || paint ] | all | notAnimatable | no | none | allElements | asSpecified | perGrammar | CSS Containment | |
| contain-intrinsic-block-size | auto? [ none | <length> ] | byComputedValueType | no | none | elementsForWhichSizeContainmentCanApply | asSpecifiedWithLengthValuesComputed | perGrammar | CSS Box Sizing | ||
| contain-intrinsic-height | auto? [ none | <length> ] | byComputedValueType | no | none | elementsForWhichSizeContainmentCanApply | asSpecifiedWithLengthValuesComputed | perGrammar | CSS Box Sizing | ||
| contain-intrinsic-inline-size | auto? [ none | <length> ] | byComputedValueType | no | none | elementsForWhichSizeContainmentCanApply | asSpecifiedWithLengthValuesComputed | perGrammar | CSS Box Sizing | ||
| contain-intrinsic-size | [ auto? [ none | <length> ] ]{1,2} | visual | contain-intrinsic-width, contain-intrinsic-height | contain-intrinsic-width, contain-intrinsic-height | contain-intrinsic-width, contain-intrinsic-height | elementsForWhichSizeContainmentCanApply | contain-intrinsic-width, contain-intrinsic-height | perGrammar | CSS Box Sizing | |
| contain-intrinsic-width | auto? [ none | <length> ] | visual | byComputedValueType | no | none | elementsForWhichSizeContainmentCanApply | asSpecifiedWithLengthValuesComputed | perGrammar | CSS Box Sizing | |
| container | <'container-name'> [ / <'container-type'> ]? | visual | container-name, container-type | container-name, container-type | container-name, container-type | allElements | container-name, container-type | perGrammar | CSS Conditional Rules | |
| container-name | none | <custom-ident>+ | visual | notAnimatable | no | none | allElements | noneOrOrderedListOfIdentifiers | perGrammar | CSS Conditional Rules | |
| container-type | normal | [ [ size | inline-size ] || scroll-state ] | visual | color | no | normal | allElements | asSpecified | perGrammar | CSS Conditional Rules | |
| content | normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | all | discrete | no | normal | allElementsTreeAbidingPseudoElementsPageMarginBoxes | normalOnElementsForPseudosNoneAbsoluteURIStringOrAsSpecified | uniqueOrder | CSS Generated Content | |
| content-visibility | visible | auto | hidden | all | discreteButVisibleForDurationWhenAnimatedHidden | no | visible | elementsForWhichSizeContainmentCanApply | asSpecified | perGrammar | CSS Containment | |
| corner-block-end-shape | <corner-shape-value>{1,2} | visual | corner-end-start-shape, corner-end-end-shape | no | corner-end-start-shape, corner-end-end-shape | allElements | corner-end-start-shape, corner-end-end-shape | perGrammar | CSS Backgrounds and Borders | |
| corner-block-start-shape | <corner-shape-value>{1,2} | visual | corner-start-start-shape, corner-start-end-shape | no | corner-start-start-shape, corner-start-end-shape | allElements | corner-start-start-shape, corner-start-end-shape | perGrammar | CSS Backgrounds and Borders | |
| corner-bottom-shape | <corner-shape-value>{1,2} | visual | corner-bottom-left-shape, corner-bottom-right-shape | no | corner-bottom-left-shape, corner-bottom-right-shape | allElements | corner-bottom-left-shape, corner-bottom-right-shape | perGrammar | CSS Backgrounds and Borders | |
| corner-bottom-left-shape | <corner-shape-value> | visual | superellipseInterpolation | no | round | allElements | correspondingSuperellipse | perGrammar | CSS Backgrounds and Borders | |
| corner-bottom-right-shape | <corner-shape-value> | visual | superellipseInterpolation | no | round | allElements | correspondingSuperellipse | perGrammar | CSS Backgrounds and Borders | |
| corner-end-end-shape | <corner-shape-value> | visual | superellipseInterpolation | no | round | allElements | correspondingSuperellipse | perGrammar | CSS Backgrounds and Borders | |
| corner-end-start-shape | <corner-shape-value> | visual | superellipseInterpolation | no | round | allElements | correspondingSuperellipse | perGrammar | CSS Backgrounds and Borders | |
| corner-inline-end-shape | <corner-shape-value>{1,2} | visual | corner-start-end-shape, corner-end-end-shape | no | corner-start-end-shape, corner-end-end-shape | allElements | corner-start-end-shape, corner-end-end-shape | perGrammar | CSS Backgrounds and Borders | |
| corner-inline-start-shape | <corner-shape-value>{1,2} | visual | corner-start-start-shape, corner-start-end-shape | no | corner-start-start-shape, corner-start-end-shape | allElements | corner-start-start-shape, corner-start-end-shape | perGrammar | CSS Backgrounds and Borders | |
| corner-left-shape | <corner-shape-value>{1,2} | visual | corner-top-left-shape, corner-bottom-left-shape | no | corner-top-left-shape, corner-bottom-left-shape | allElements | corner-top-left-shape, corner-bottom-left-shape | perGrammar | CSS Backgrounds and Borders | |
| corner-right-shape | <corner-shape-value>{1,2} | visual | corner-top-right-shape, corner-bottom-right-shape | no | corner-top-right-shape, corner-bottom-right-shape | allElements | corner-top-right-shape, corner-bottom-right-shape | perGrammar | CSS Backgrounds and Borders | |
| corner-shape | <corner-shape-value>{1,4} | visual | corner-top-left-shape, corner-top-right-shape, corner-bottom-left-shape, corner-bottom-right-shape | no | corner-top-left-shape, corner-top-right-shape, corner-bottom-left-shape, corner-bottom-right-shape | allElements | corner-top-left-shape, corner-top-right-shape, corner-bottom-left-shape, corner-bottom-right-shape | perGrammar | CSS Backgrounds and Borders | |
| corner-start-start-shape | <corner-shape-value> | visual | superellipseInterpolation | no | round | allElements | correspondingSuperellipse | perGrammar | CSS Backgrounds and Borders | |
| corner-start-end-shape | <corner-shape-value> | visual | superellipseInterpolation | no | round | allElements | correspondingSuperellipse | perGrammar | CSS Backgrounds and Borders | |
| corner-top-shape | <corner-shape-value>{1,2} | visual | corner-top-left-shape, corner-top-right-shape | no | corner-top-left-shape, corner-top-right-shape | allElements | corner-top-left-shape, corner-top-right-shape | perGrammar | CSS Backgrounds and Borders | |
| corner-top-left-shape | <corner-shape-value> | visual | superellipseInterpolation | no | round | allElements | correspondingSuperellipse | perGrammar | CSS Backgrounds and Borders | |
| corner-top-right-shape | <corner-shape-value> | visual | superellipseInterpolation | no | round | allElements | correspondingSuperellipse | perGrammar | CSS Backgrounds and Borders | |
| counter-increment | [ <counter-name> <integer>? ]+ | none | all | byComputedValueType | no | none | allElements | asSpecified | uniqueOrder | CSS Lists and Counters | |
| counter-reset | [ <counter-name> <integer>? | <reversed-counter-name> <integer>? ]+ | none | all | byComputedValueType | no | none | allElements | asSpecified | uniqueOrder | CSS Lists and Counters | |
| counter-set | [ <counter-name> <integer>? ]+ | none | all | byComputedValueType | no | none | allElements | asSpecified | uniqueOrder | CSS Lists and Counters | |
| cursor | [ [ <url> [ <x> <y> ]? , ]* <cursor-predefined> ] | visual, interactive | true | discrete | no | auto | allElements | asSpecifiedURLsAbsolute | uniqueOrder | CSS Basic User Interface |
| cx | <length> | <percentage> | visual | byComputedValueType | referToSVGViewportWidth | 0 | limitedSVGElementsEllipse | percentageAsSpecifiedOrAbsoluteLength | perGrammar | Scalable Vector Graphics | |
| cy | <length> | <percentage> | visual | byComputedValueType | referToSVGViewportHeight | 0 | limitedSVGElementsEllipse | percentageAsSpecifiedOrAbsoluteLength | perGrammar | Scalable Vector Graphics | |
| d | none | path(<string>) | visual | basicShapeOtherwiseNo | no | none | limitedSVGElementsPath | asSpecified | perGrammar | Scalable Vector Graphics | |
| direction | ltr | rtl | visual | true | notAnimatable | no | ltr | allElements | asSpecified | uniqueOrder | CSS Writing Modes |
| display | [ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | all | discreteButVisibleForDurationWhenAnimatedNone | no | inline | allElements | asSpecifiedExceptPositionedFloatingAndRootElementsKeywordMaybeDifferent | uniqueOrder | CSS Display | |
| dominant-baseline | auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top | all | true | discrete | no | auto | blockContainersFlexContainersGridContainersInlineBoxesTableRowsSVGTextContentElements | asSpecified | perGrammar | CSS Inline, Scalable Vector Graphics |
| dynamic-range-limit | standard | no-limit | constrained | <dynamic-range-limit-mix()> | visual | true | byDynamicRangeLimitMix | no | no-limit | allElements | computedValueForDynamicRangeLimit | perGrammar | CSS Color |
| empty-cells | show | hide | visual | true | discrete | no | show | tableCellElements | asSpecified | uniqueOrder | CSS Table |
| field-sizing | content | fixed | visual | discrete | no | fixed | elementsWithDefaultPreferredSize | asSpecified | perGrammar | CSS Basic User Interface | |
| fill | <paint> | visual | true | byComputedValueType | no | black | limitedSVGElementsShapeText | asColorOrAbsoluteURL | perGrammar | Scalable Vector Graphics |
| fill-opacity | <'opacity'> | visual | true | byComputedValueType | mapToRange0To1 | 1 | limitedSVGElementsShapeText | specifiedValueNumberClipped0To1 | perGrammar | Scalable Vector Graphics |
| fill-rule | nonzero | evenodd | visual | true | discrete | no | nonzero | limitedSVGElementsShapeText | asSpecified | perGrammar | Scalable Vector Graphics |
| filter | none | <filter-value-list> | visual | filterList | no | none | allElementsSVGContainerElements | asSpecified | uniqueOrder | Filter Effects | |
| flex | none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ] | visual | flex-grow, flex-shrink, flex-basis | no | flex-grow, flex-shrink, flex-basis | flexItemsAndInFlowPseudos | flex-grow, flex-shrink, flex-basis | orderOfAppearance | CSS Flexible Box Layout | |
| flex-basis | content | <'width'> | visual | lpc | referToFlexContainersInnerMainSize | auto | flexItemsAndInFlowPseudos | asSpecifiedRelativeToAbsoluteLengths | lengthOrPercentageBeforeKeywordIfBothPresent | CSS Flexible Box Layout | |
| flex-direction | row | row-reverse | column | column-reverse | visual | discrete | no | row | flexContainers | asSpecified | uniqueOrder | CSS Flexible Box Layout | |
| flex-flow | <'flex-direction'> || <'flex-wrap'> | visual | flex-direction, flex-wrap | no | flex-direction, flex-wrap | flexContainers | flex-direction, flex-wrap | orderOfAppearance | CSS Flexible Box Layout | |
| flex-grow | <number> | visual | number | no | 0 | flexItemsAndInFlowPseudos | asSpecified | uniqueOrder | CSS Flexible Box Layout | |
| flex-shrink | <number> | visual | number | no | 1 | flexItemsAndInFlowPseudos | asSpecified | uniqueOrder | CSS Flexible Box Layout | |
| flex-wrap | nowrap | wrap | wrap-reverse | visual | discrete | no | nowrap | flexContainers | asSpecified | uniqueOrder | CSS Flexible Box Layout | |
| float | left | right | none | inline-start | inline-end | visual | discrete | no | none | allElementsNoEffectIfDisplayNone | asSpecified | uniqueOrder | CSS Positioned Layout | |
| flood-color | <color> | visual | byComputedValue | no | black | limitedSVGElementsFloodAndDropShadow | asSpecified | perGrammar | Filter Effects | |
| flood-opacity | <'opacity'> | visual | byComputedValue | no | black | limitedSVGElementsFloodAndDropShadow | specifiedValueClipped0To1 | perGrammar | Filter Effects | |
| font | [ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name> | visual | true | font-style, font-variant, font-weight, font-stretch, font-size, line-height, font-family | font-size, line-height | font-style, font-variant, font-weight, font-stretch, font-size, line-height, font-family | allElementsAndText | font-style, font-variant, font-weight, font-stretch, font-size, line-height, font-family | orderOfAppearance | CSS Fonts |
| font-family | [ <family-name> | <generic-family> ]# | visual | true | discrete | no | dependsOnUserAgent | allElementsAndText | asSpecified | uniqueOrder | CSS Fonts |
| font-feature-settings | normal | <feature-tag-value># | visual | true | discrete | no | normal | allElementsAndText | asSpecified | uniqueOrder | CSS Fonts |
| font-kerning | auto | normal | none | visual | true | discrete | no | auto | allElementsAndText | asSpecified | uniqueOrder | CSS Fonts |
| font-language-override | normal | <string> | visual | true | discrete | no | normal | allElementsAndText | asSpecified | uniqueOrder | CSS Fonts |
| font-optical-sizing | auto | none | visual | true | discrete | no | auto | allElementsAndText | asSpecified | perGrammar | CSS Fonts |
| font-palette | normal | light | dark | <palette-identifier> | <palette-mix()> | visual | true | byComputedValue | no | normal | allElementsAndText | asSpecified | perGrammar | CSS Fonts |
| font-size | <absolute-size> | <relative-size> | <length-percentage [0,∞]> | math | visual | true | byComputedValueType | referToParentElementsFontSize | medium | allElementsAndText | absoluteLength | perGrammar | CSS Fonts |
| font-size-adjust | none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ] | visual | true | number | no | none | allElementsAndText | asSpecified | uniqueOrder | CSS Fonts |
| font-smooth | auto | never | always | <absolute-size> | <length> | visual | true | discrete | no | auto | allElements | asSpecified | uniqueOrder | CSS Fonts |
| font-stretch | <font-stretch-absolute> | visual | true | byComputedValueType | no | normal | allElementsAndText | asSpecified | uniqueOrder | CSS Fonts |
| font-style | normal | italic | oblique <angle>? | visual | true | byComputedValueTypeNormalAnimatesAsObliqueZeroDeg | no | normal | allElementsAndText | asSpecified | uniqueOrder | CSS Fonts |
| font-synthesis | none | [ weight || style || small-caps || position] | visual | true | discrete | no | weight style small-caps position | allElementsAndText | asSpecified | orderOfAppearance | CSS Fonts |
| font-synthesis-position | auto | none | visual | true | discrete | no | none | allElementsAndText | asSpecified | orderOfAppearance | CSS Fonts |
| font-synthesis-small-caps | auto | none | visual | true | discrete | no | auto | allElementsAndText | asSpecified | orderOfAppearance | CSS Fonts |
| font-synthesis-style | auto | none | visual | true | discrete | no | auto | allElementsAndText | asSpecified | orderOfAppearance | CSS Fonts |
| font-synthesis-weight | auto | none | visual | true | discrete | no | auto | allElementsAndText | asSpecified | orderOfAppearance | CSS Fonts |
| font-variant | normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> || stylistic( <feature-value-name> ) || historical-forms || styleset( <feature… | visual | true | discrete | no | normal | allElementsAndText | asSpecified | uniqueOrder | CSS Fonts |
| font-variant-alternates | normal | [ stylistic( <feature-value-name> ) || historical-forms || styleset( <feature-value-name># ) || character-variant( <feature-value-name># ) || swash( <feature-value-name> ) || ornaments( <feat… | visual | true | discrete | no | normal | allElementsAndText | asSpecified | orderOfAppearance | CSS Fonts |
| font-variant-caps | normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps | visual | true | discrete | no | normal | allElementsAndText | asSpecified | uniqueOrder | CSS Fonts |
| font-variant-east-asian | normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] | visual | true | discrete | no | normal | allElementsAndText | asSpecified | orderOfAppearance | CSS Fonts |
| font-variant-emoji | normal | text | emoji | unicode | visual | true | discrete | no | normal | allElementsAndText | asSpecified | perGrammar | CSS Fonts |
| font-variant-ligatures | normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] | visual | true | discrete | no | normal | allElementsAndText | asSpecified | orderOfAppearance | CSS Fonts |
| font-variant-numeric | normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] | visual | true | discrete | no | normal | allElementsAndText | asSpecified | orderOfAppearance | CSS Fonts |
| font-variant-position | normal | sub | super | visual | true | discrete | no | normal | allElementsAndText | asSpecified | uniqueOrder | CSS Fonts |
| font-variation-settings | normal | [ <string> <number> ]# | visual | true | transform | no | normal | allElements | asSpecified | perGrammar | CSS Fonts |
| font-weight | <font-weight-absolute> | bolder | lighter | visual | true | byComputedValueType | no | normal | allElementsAndText | keywordOrNumericalValueBolderLighterTransformedToRealValue | uniqueOrder | CSS Fonts |
| font-width | normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | visual | true | byComputedValueType | no | normal | allElementsAndText | percentage | perGrammar | CSS Fonts |
| forced-color-adjust | auto | none | preserve-parent-color | visual | true | notAnimatable | no | auto | allElementsAndText | asSpecified | perGrammar | CSS Color |
| gap | <'row-gap'> <'column-gap'>? | visual | row-gap, column-gap | no | row-gap, column-gap | multiColumnElementsFlexContainersGridContainers | row-gap, column-gap | uniqueOrder | CSS Box Alignment | |
| grid | <'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'> | visual | grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns, grid-auto-flow, grid-column-gap, grid-row-gap, column-gap, row-gap | grid-template-rows, grid-template-columns, grid-auto-rows, grid-auto-columns | grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns, grid-auto-flow, grid-column-gap, grid-row-gap, column-gap, row-gap | gridContainers | grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns, grid-auto-flow, grid-column-gap, grid-row-gap, column-gap, row-gap | uniqueOrder | CSS Grid Layout | |
| grid-area | <grid-line> [ / <grid-line> ]{0,3} | visual | discrete | no | grid-row-start, grid-column-start, grid-row-end, grid-column-end | gridItemsAndBoxesWithinGridContainer | grid-row-start, grid-column-start, grid-row-end, grid-column-end | uniqueOrder | CSS Grid Layout | |
| grid-auto-columns | <track-size>+ | visual | byComputedValueType | referToDimensionOfContentArea | auto | gridContainers | percentageAsSpecifiedOrAbsoluteLength | uniqueOrder | CSS Grid Layout | |
| grid-auto-flow | [ row | column ] || dense | visual | discrete | no | row | gridContainers | asSpecified | uniqueOrder | CSS Grid Layout | |
| grid-auto-rows | <track-size>+ | visual | byComputedValueType | referToDimensionOfContentArea | auto | gridContainers | percentageAsSpecifiedOrAbsoluteLength | uniqueOrder | CSS Grid Layout | |
| grid-column | <grid-line> [ / <grid-line> ]? | visual | discrete | no | grid-column-start, grid-column-end | gridItemsAndBoxesWithinGridContainer | grid-column-start, grid-column-end | uniqueOrder | CSS Grid Layout | |
| grid-column-end | <grid-line> | visual | discrete | no | auto | gridItemsAndBoxesWithinGridContainer | asSpecified | uniqueOrder | CSS Grid Layout | |
| grid-column-gap | <length-percentage> | visual | length | referToDimensionOfContentArea | 0 | gridContainers | percentageAsSpecifiedOrAbsoluteLength | uniqueOrder | CSS Grid Layout | |
| grid-column-start | <grid-line> | visual | discrete | no | auto | gridItemsAndBoxesWithinGridContainer | asSpecified | uniqueOrder | CSS Grid Layout | |
| grid-gap | <'grid-row-gap'> <'grid-column-gap'>? | visual | grid-row-gap, grid-column-gap | no | grid-row-gap, grid-column-gap | gridContainers | grid-row-gap, grid-column-gap | uniqueOrder | CSS Grid Layout | |
| grid-row | <grid-line> [ / <grid-line> ]? | visual | discrete | no | grid-row-start, grid-row-end | gridItemsAndBoxesWithinGridContainer | grid-row-start, grid-row-end | uniqueOrder | CSS Grid Layout | |
| grid-row-end | <grid-line> | visual | discrete | no | auto | gridItemsAndBoxesWithinGridContainer | asSpecified | uniqueOrder | CSS Grid Layout | |
| grid-row-gap | <length-percentage> | visual | length | referToDimensionOfContentArea | 0 | gridContainers | percentageAsSpecifiedOrAbsoluteLength | uniqueOrder | CSS Grid Layout | |
| grid-row-start | <grid-line> | visual | discrete | no | auto | gridItemsAndBoxesWithinGridContainer | asSpecified | uniqueOrder | CSS Grid Layout | |
| grid-template | none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]? | visual | grid-template-columns, grid-template-rows, grid-template-areas | grid-template-columns, grid-template-rows | grid-template-columns, grid-template-rows, grid-template-areas | gridContainers | grid-template-columns, grid-template-rows, grid-template-areas | uniqueOrder | CSS Grid Layout | |
| grid-template-areas | none | <string>+ | visual | discrete | no | none | gridContainers | asSpecified | uniqueOrder | CSS Grid Layout | |
| grid-template-columns | none | <track-list> | <auto-track-list> | subgrid <line-name-list>? | visual | simpleListOfLpcDifferenceLpc | referToDimensionOfContentArea | none | gridContainers | asSpecifiedRelativeToAbsoluteLengths | uniqueOrder | CSS Grid Layout | |
| grid-template-rows | none | <track-list> | <auto-track-list> | subgrid <line-name-list>? | visual | simpleListOfLpcDifferenceLpc | referToDimensionOfContentArea | none | gridContainers | asSpecifiedRelativeToAbsoluteLengths | uniqueOrder | CSS Grid Layout | |
| hanging-punctuation | none | [ first || [ force-end | allow-end ] || last ] | visual | true | discrete | no | none | allElements | asSpecified | uniqueOrder | CSS Text |
| height | auto | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | visual | lpc | regardingHeightOfGeneratedBoxContainingBlockPercentagesRelativeToContainingBlock | auto | allElementsButNonReplacedAndTableColumns | percentageAutoOrAbsoluteLength | uniqueOrder | CSS Box Sizing | |
| hyphenate-character | auto | <string> | visual | true | discrete | no | auto | allElements | asSpecified | perGrammar | CSS Text |
| hyphenate-limit-chars | [ auto | <integer> ]{1,3} | visual | true | byComputedValueType | no | auto | allElements | asSpecified | perGrammar | CSS Text |
| hyphens | none | manual | auto | visual | true | discrete | no | manual | allElements | asSpecified | uniqueOrder | CSS Text |
| image-orientation | from-image | <angle> | [ <angle>? flip ] | visual | true | discrete | no | from-image | allElements | angleRoundedToNextQuarter | uniqueOrder | CSS Images |
| image-rendering | auto | crisp-edges | pixelated | smooth | visual | true | discrete | no | auto | allElements | asSpecified | uniqueOrder | CSS Images |
| image-resolution | [ from-image || <resolution> ] && snap? | visual | true | discrete | no | 1dppx | allElements | asSpecifiedWithExceptionOfResolution | uniqueOrder | CSS Images |
| ime-mode | auto | normal | active | inactive | disabled | interactive | discrete | no | auto | textFields | asSpecified | uniqueOrder | CSS Basic User Interface | |
| initial-letter | normal | [ <number> <integer>? ] | visual | byComputedValueType | no | normal | firstLetterPseudoElementsAndInlineLevelFirstChildren | asSpecified | uniqueOrder | CSS Inline | |
| initial-letter-align | [ auto | alphabetic | hanging | ideographic ] | visual | discrete | no | auto | firstLetterPseudoElementsAndInlineLevelFirstChildren | asSpecified | uniqueOrder | CSS Inline | |
| inline-size | <'width'> | visual | lpc | inlineSizeOfContainingBlock | auto | sameAsWidthAndHeight | sameAsWidthAndHeight | uniqueOrder | CSS Logical Properties and Values | |
| inset | <'top'>{1,4} | visual | lpc | logicalHeightOrWidthOfContainingBlock | top, bottom, left, right | positionedElements | top, bottom, left, right | uniqueOrder | CSS Logical Properties and Values, CSS Positioned Layout | |
| inset-block | <'top'>{1,2} | visual | lpc | logicalHeightOfContainingBlock | inset-block-start, inset-block-end | positionedElements | inset-block-start, inset-block-end | uniqueOrder | CSS Logical Properties and Values, CSS Positioned Layout | |
| inset-block-end | <'top'> | visual | lpc | logicalHeightOfContainingBlock | auto | positionedElements | sameAsBoxOffsets | uniqueOrder | CSS Logical Properties and Values, CSS Positioned Layout | |
| inset-block-start | <'top'> | visual | lpc | logicalHeightOfContainingBlock | auto | positionedElements | sameAsBoxOffsets | uniqueOrder | CSS Logical Properties and Values, CSS Positioned Layout | |
| inset-inline | <'top'>{1,2} | visual | lpc | logicalWidthOfContainingBlock | inset-inline-start, inset-inline-end | positionedElements | inset-inline-start, inset-inline-end | uniqueOrder | CSS Logical Properties and Values, CSS Positioned Layout | |
| inset-inline-end | <'top'> | visual | lpc | logicalWidthOfContainingBlock | auto | positionedElements | sameAsBoxOffsets | uniqueOrder | CSS Logical Properties and Values, CSS Positioned Layout | |
| inset-inline-start | <'top'> | visual | lpc | logicalWidthOfContainingBlock | auto | positionedElements | sameAsBoxOffsets | uniqueOrder | CSS Logical Properties and Values, CSS Positioned Layout | |
| interpolate-size | numeric-only | allow-keywords | none | true | notAnimatable | no | numeric-only | allElements | asSpecified | perGrammar | CSS Values and Units |
| isolation | auto | isolate | visual | notAnimatable | no | auto | allElementsSVGContainerGraphicsAndGraphicsReferencingElements | asSpecified | uniqueOrder | Compositing and Blending | |
| interactivity | auto | inert | visual | true | discrete | no | auto | allElements | asSpecified | perGrammar | CSS Basic User Interface |
| interest-delay | <'interest-delay-start'>{1,2} | visual | true | interest-delay-start, interest-delay-end | no | interest-delay-start, interest-delay-end | allElements | interest-delay-start, interest-delay-end | perGrammar | CSS Basic User Interface |
| interest-delay-end | normal | <time> | visual | true | byComputedValueType | no | normal | allElements | normalOrComputedTime | perGrammar | CSS Basic User Interface |
| interest-delay-start | normal | <time> | visual | true | byComputedValueType | no | normal | allElements | normalOrComputedTime | perGrammar | CSS Basic User Interface |
| justify-content | normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] | visual | discrete | no | normal | flexContainers | asSpecified | uniqueOrder | CSS Box Alignment, CSS Flexible Box Layout | |
| justify-items | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center | visual | discrete | no | legacy | allElements | asSpecified | perGrammar | CSS Box Alignment | |
| justify-self | auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center | visual | discrete | no | auto | blockLevelBoxesAndAbsolutelyPositionedBoxesAndGridItems | asSpecified | uniqueOrder | CSS Box Alignment | |
| justify-tracks | [ normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] ]# | visual | discrete | no | normal | gridContainersWithMasonryLayoutInTheirInlineAxis | asSpecified | uniqueOrder | CSS Grid Layout | |
| left | auto | <length-percentage> | <anchor()> | <anchor-size()> | visual | lpc | referToWidthOfContainingBlock | auto | positionedElements | lengthAbsolutePercentageAsSpecifiedOtherwiseAuto | uniqueOrder | CSS Anchor Positioning, CSS Positioned Layout | |
| letter-spacing | normal | <length> | visual | true | length | no | normal | allElements | optimumValueOfAbsoluteLengthOrNormal | uniqueOrder | CSS Text |
| lighting-color | <color> | visual | byComputedValue | no | white | limitedSVGElementsLightSource | asSpecified | perGrammar | Filter Effects | |
| line-break | auto | loose | normal | strict | anywhere | visual | true | discrete | no | auto | allElements | asSpecified | uniqueOrder | CSS Text |
| line-clamp | none | <integer> | visual | integer | no | none | blockContainersExceptMultiColumnContainers | asSpecified | perGrammar | CSS Overflow | |
| line-height | normal | <number> | <length> | <percentage> | visual | true | numberOrLength | referToElementFontSize | normal | allElements | absoluteLengthOrAsSpecified | uniqueOrder | CSS Inline |
| line-height-step | <length> | visual | true | byComputedValueType | no | 0 | blockContainers | absoluteLength | perGrammar | CSS Rhythmic Sizing |
| list-style | <'list-style-type'> || <'list-style-position'> || <'list-style-image'> | visual | true | list-style-image, list-style-position, list-style-type | no | list-style-type, list-style-position, list-style-image | listItems | list-style-image, list-style-position, list-style-type | orderOfAppearance | CSS Lists and Counters |
| list-style-image | <image> | none | visual | true | discrete | no | none | listItems | theKeywordListStyleImageNoneOrComputedValue | uniqueOrder | CSS Lists and Counters |
| list-style-position | inside | outside | visual | true | discrete | no | outside | listItems | asSpecified | uniqueOrder | CSS Lists and Counters |
| list-style-type | <counter-style> | <string> | none | visual | true | discrete | no | disc | listItems | asSpecified | uniqueOrder | CSS Lists and Counters |
| margin | <'margin-top'>{1,4} | visual | length | referToWidthOfContainingBlock | margin-bottom, margin-left, margin-right, margin-top | allElementsExceptTableDisplayTypes | margin-bottom, margin-left, margin-right, margin-top | uniqueOrder | CSS Box Model | |
| margin-block | <'margin-top'>{1,2} | visual | length | dependsOnLayoutModel | margin-block-start, margin-block-end | sameAsMargin | margin-block-start, margin-block-end | uniqueOrder | CSS Logical Properties and Values | |
| margin-block-end | <'margin-top'> | visual | length | dependsOnLayoutModel | 0 | sameAsMargin | lengthAbsolutePercentageAsSpecifiedOtherwiseAuto | uniqueOrder | CSS Logical Properties and Values | |
| margin-block-start | <'margin-top'> | visual | length | dependsOnLayoutModel | 0 | sameAsMargin | lengthAbsolutePercentageAsSpecifiedOtherwiseAuto | uniqueOrder | CSS Logical Properties and Values | |
| margin-bottom | <length-percentage> | auto | <anchor-size()> | visual | length | referToWidthOfContainingBlock | 0 | allElementsExceptTableDisplayTypes | percentageAsSpecifiedOrAbsoluteLength | uniqueOrder | CSS Anchor Positioning, CSS Box Model | |
| margin-inline | <'margin-top'>{1,2} | visual | length | dependsOnLayoutModel | margin-inline-start, margin-inline-end | sameAsMargin | margin-inline-start, margin-inline-end | uniqueOrder | CSS Logical Properties and Values | |
| margin-inline-end | <'margin-top'> | visual | length | dependsOnLayoutModel | 0 | sameAsMargin | lengthAbsolutePercentageAsSpecifiedOtherwiseAuto | uniqueOrder | CSS Logical Properties and Values | |
| margin-inline-start | <'margin-top'> | visual | length | dependsOnLayoutModel | 0 | sameAsMargin | lengthAbsolutePercentageAsSpecifiedOtherwiseAuto | uniqueOrder | CSS Logical Properties and Values | |
| margin-left | <length-percentage> | auto | <anchor-size()> | visual | length | referToWidthOfContainingBlock | 0 | allElementsExceptTableDisplayTypes | percentageAsSpecifiedOrAbsoluteLength | uniqueOrder | CSS Anchor Positioning, CSS Box Model | |
| margin-right | <length-percentage> | auto | <anchor-size()> | visual | length | referToWidthOfContainingBlock | 0 | allElementsExceptTableDisplayTypes | percentageAsSpecifiedOrAbsoluteLength | uniqueOrder | CSS Anchor Positioning, CSS Box Model | |
| margin-top | <length-percentage> | auto | <anchor-size()> | visual | length | referToWidthOfContainingBlock | 0 | allElementsExceptTableDisplayTypes | percentageAsSpecifiedOrAbsoluteLength | uniqueOrder | CSS Anchor Positioning, CSS Box Model | |
| margin-trim | none | in-flow | all | visual | discrete | no | none | blockContainersAndMultiColumnContainers | asSpecified | perGrammar | CSS Box Model | |
| marker | none | <url> | visual | true | discrete | no | marker-start, marker-mid, marker-end | limitedSVGElementsShapes | asSpecified | perGrammar | Scalable Vector Graphics |
| marker-end | none | <url> | visual | true | discrete | no | none | limitedSVGElementsShapes | asSpecifiedURLsAbsolute | perGrammar | Scalable Vector Graphics |
| marker-mid | none | <url> | visual | true | discrete | no | none | limitedSVGElementsShapes | asSpecifiedURLsAbsolute | perGrammar | Scalable Vector Graphics |
| marker-start | none | <url> | visual | true | discrete | no | none | limitedSVGElementsShapes | asSpecifiedURLsAbsolute | perGrammar | Scalable Vector Graphics |
| mask | <mask-layer># | visual | mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size, mask-composite | mask-position | mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size, mask-composite | allElementsSVGContainerElements | mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size, mask-composite | perGrammar | CSS Masking | |
| mask-border | <'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'> | visual | mask-border-mode, mask-border-outset, mask-border-repeat, mask-border-slice, mask-border-source, mask-border-width | mask-border-slice, mask-border-width | mask-border-mode, mask-border-outset, mask-border-repeat, mask-border-slice, mask-border-source, mask-border-width | allElementsSVGContainerElements | mask-border-mode, mask-border-outset, mask-border-repeat, mask-border-slice, mask-border-source, mask-border-width | perGrammar | CSS Masking | |
| mask-border-mode | luminance | alpha | visual | discrete | no | alpha | allElementsSVGContainerElements | asSpecified | perGrammar | CSS Masking | |
| mask-border-outset | [ <length> | <number> ]{1,4} | visual | discrete | no | 0 | allElementsSVGContainerElements | asSpecifiedRelativeToAbsoluteLengths | perGrammar | CSS Masking | |
| mask-border-repeat | [ stretch | repeat | round | space ]{1,2} | visual | discrete | no | stretch | allElementsSVGContainerElements | asSpecified | perGrammar | CSS Masking | |
| mask-border-slice | <number-percentage>{1,4} fill? | visual | discrete | referToSizeOfMaskBorderImage | 0 | allElementsSVGContainerElements | asSpecified | perGrammar | CSS Masking | |
| mask-border-source | none | <image> | visual | discrete | no | none | allElementsSVGContainerElements | asSpecifiedURLsAbsolute | perGrammar | CSS Masking | |
| mask-border-width | [ <length-percentage> | <number> | auto ]{1,4} | visual | discrete | relativeToMaskBorderImageArea | auto | allElementsSVGContainerElements | asSpecifiedRelativeToAbsoluteLengths | perGrammar | CSS Masking | |
| mask-clip | [ <coord-box> | no-clip ]# | visual | discrete | no | border-box | allElementsSVGContainerElements | asSpecified | perGrammar | CSS Masking | |
| mask-composite | <compositing-operator># | visual | discrete | no | add | allElementsSVGContainerElements | asSpecified | perGrammar | CSS Masking | |
| mask-image | <mask-reference># | visual | discrete | no | none | allElementsSVGContainerElements | asSpecifiedURLsAbsolute | perGrammar | CSS Masking | |
| mask-mode | <masking-mode># | visual | discrete | no | match-source | allElementsSVGContainerElements | asSpecified | perGrammar | CSS Masking | |
| mask-origin | <coord-box># | visual | discrete | no | border-box | allElementsSVGContainerElements | asSpecified | perGrammar | CSS Masking | |
| mask-position | <position># | visual | repeatableList | referToSizeOfMaskPaintingArea | 0% 0% | allElementsSVGContainerElements | consistsOfTwoKeywordsForOriginAndOffsets | perGrammar | CSS Masking | |
| mask-repeat | <repeat-style># | visual | discrete | no | repeat | allElementsSVGContainerElements | consistsOfTwoDimensionKeywords | perGrammar | CSS Masking | |
| mask-size | <bg-size># | visual | repeatableList | no | auto | allElementsSVGContainerElements | asSpecifiedRelativeToAbsoluteLengths | perGrammar | CSS Masking | |
| mask-type | luminance | alpha | visual | discrete | no | luminance | maskElements | asSpecified | perGrammar | CSS Masking | |
| masonry-auto-flow | [ pack | next ] || [ definite-first | ordered ] | visual | discrete | no | pack | gridContainersWithMasonryLayout | asSpecified | uniqueOrder | CSS Grid Layout | |
| math-depth | auto-add | add(<integer>) | <integer> | visual | true | notAnimatable | no | 0 | allElements | asSpecified | perGrammar | MathML |
| math-shift | normal | compact | visual | true | notAnimatable | no | normal | allElements | asSpecified | perGrammar | MathML |
| math-style | normal | compact | visual | true | notAnimatable | no | normal | allElements | asSpecified | perGrammar | MathML |
| max-block-size | <'max-width'> | visual | lpc | blockSizeOfContainingBlock | none | sameAsWidthAndHeight | sameAsMaxWidthAndMaxHeight | uniqueOrder | CSS Logical Properties and Values | |
| max-height | none | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | visual | lpc | regardingHeightOfGeneratedBoxContainingBlockPercentagesNone | none | allElementsButNonReplacedAndTableColumns | percentageAsSpecifiedAbsoluteLengthOrNone | uniqueOrder | CSS Box Sizing | |
| max-inline-size | <'max-width'> | visual | lpc | inlineSizeOfContainingBlock | none | sameAsWidthAndHeight | sameAsMaxWidthAndMaxHeight | uniqueOrder | CSS Logical Properties and Values | |
| max-lines | none | <integer> | visual | integer | no | none | blockContainersExceptMultiColumnContainers | asSpecified | perGrammar | CSS Overflow | |
| max-width | none | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | visual | lpc | referToWidthOfContainingBlock | none | allElementsButNonReplacedAndTableRows | percentageAsSpecifiedAbsoluteLengthOrNone | uniqueOrder | CSS Box Sizing | |
| min-block-size | <'min-width'> | visual | lpc | blockSizeOfContainingBlock | 0 | sameAsWidthAndHeight | sameAsMinWidthAndMinHeight | uniqueOrder | CSS Logical Properties and Values | |
| min-height | auto | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | visual | lpc | regardingHeightOfGeneratedBoxContainingBlockPercentages0 | auto | allElementsButNonReplacedAndTableColumns | percentageAsSpecifiedOrAbsoluteLength | uniqueOrder | CSS Box Sizing | |
| min-inline-size | <'min-width'> | visual | lpc | inlineSizeOfContainingBlock | 0 | sameAsWidthAndHeight | sameAsMinWidthAndMinHeight | uniqueOrder | CSS Logical Properties and Values | |
| min-width | auto | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | visual | lpc | referToWidthOfContainingBlock | auto | allElementsButNonReplacedAndTableRows | percentageAsSpecifiedOrAbsoluteLength | uniqueOrder | CSS Box Sizing | |
| mix-blend-mode | <blend-mode> | plus-darker | plus-lighter | visual | notAnimatable | no | normal | allElements | asSpecified | uniqueOrder | Compositing and Blending | |
| object-fit | fill | contain | cover | none | scale-down | visual | discrete | no | fill | replacedElements | asSpecified | uniqueOrder | CSS Images | |
| object-position | <position> | visual | true | repeatableList | referToWidthAndHeightOfElement | 50% 50% | replacedElements | asSpecified | uniqueOrder | CSS Images |
| object-view-box | none | <basic-shape-rect> | visual | asIfPossibleOtherwiseDiscrete | no | none | replacedElements | specifiedKeywordOrComputedFunction | perGrammar | CSS Images | |
| offset | [ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]? | visual | offset-position, offset-path, offset-distance, offset-anchor, offset-rotate | offset-position, offset-distance, offset-anchor | offset-position, offset-path, offset-distance, offset-anchor, offset-rotate | transformableElements | offset-position, offset-path, offset-distance, offset-anchor, offset-rotate | perGrammar | Motion Path | |
| offset-anchor | auto | <position> | visual | position | relativeToWidthAndHeight | auto | transformableElements | forLengthAbsoluteValueOtherwisePercentage | perGrammar | Motion Path | |
| offset-distance | <length-percentage> | visual | lpc | referToTotalPathLength | 0 | transformableElements | forLengthAbsoluteValueOtherwisePercentage | perGrammar | Motion Path | |
| offset-path | none | <offset-path> || <coord-box> | visual | byComputedValueType | no | none | transformableElements | asSpecified | perGrammar | Motion Path | |
| offset-position | normal | auto | <position> | visual | position | referToSizeOfContainingBlock | normal | transformableElements | forLengthAbsoluteValueOtherwisePercentage | perGrammar | Motion Path | |
| offset-rotate | [ auto | reverse ] || <angle> | visual | angleOrBasicShapeOrPath | no | auto | transformableElements | asSpecified | perGrammar | Motion Path | |
| opacity | <opacity-value> | visual | byComputedValueType | mapToRange0To1 | 1 | allElements | specifiedValueNumberClipped0To1 | perGrammar | CSS Color | |
| order | <integer> | visual | integer | no | 0 | flexItemsGridItemsAbsolutelyPositionedContainerChildren | asSpecified | uniqueOrder | CSS Display | |
| orphans | <integer> | visual | true | byComputedValueType | no | 2 | blockContainerElements | asSpecified | perGrammar | CSS Fragmentation |
| outline | <'outline-width'> || <'outline-style'> || <'outline-color'> | visual, interactive | outline-width, outline-style, outline-color | no | outline-width, outline-style, outline-color | allElements | outline-width, outline-style, outline-color | orderOfAppearance | CSS Basic User Interface | |
| outline-color | auto | <color> | visual, interactive | color | no | auto | allElements | autoForTranslucentColorRGBAOtherwiseRGB | uniqueOrder | CSS Basic User Interface | |
| outline-offset | <length> | visual, interactive | length | no | 0 | allElements | asSpecifiedRelativeToAbsoluteLengths | uniqueOrder | CSS Basic User Interface | |
| outline-style | auto | <outline-line-style> | visual, interactive | byComputedValueType | no | none | allElements | asSpecified | uniqueOrder | CSS Basic User Interface | |
| outline-width | <line-width> | visual, interactive | length | no | medium | allElements | absoluteLength0ForNone | uniqueOrder | CSS Basic User Interface | |
| overflow | [ visible | hidden | clip | scroll | auto ]{1,2} | visual | discrete | no | visible | blockContainersFlexContainersGridContainers | overflow-x, overflow-y | uniqueOrder | CSS Overflow | |
| overflow-anchor | auto | none | visual | discrete | no | auto | allElements | asSpecified | perGrammar | CSS Scroll Anchoring | |
| overflow-block | visible | hidden | clip | scroll | auto | visual | discrete | no | auto | blockContainersFlexContainersGridContainers | asSpecifiedButVisibleOrClipReplacedToAutoOrHiddenIfOtherValueDifferent | perGrammar | CSS Overflow | |
| overflow-clip-box | padding-box | content-box | visual | discrete | no | padding-box | allElements | asSpecified | uniqueOrder | Mozilla Extensions | |
| overflow-clip-margin | <visual-box> || <length [0,∞]> | visual | discrete | no | 0px | allElements | theComputedLengthAndVisualBox | perGrammar | CSS Overflow | |
| overflow-inline | visible | hidden | clip | scroll | auto | visual | discrete | no | auto | blockContainersFlexContainersGridContainers | asSpecifiedButVisibleOrClipReplacedToAutoOrHiddenIfOtherValueDifferent | perGrammar | CSS Overflow | |
| overflow-wrap | normal | break-word | anywhere | visual | true | discrete | no | normal | textElements | asSpecified | uniqueOrder | CSS Text |
| overflow-x | visible | hidden | clip | scroll | auto | visual | discrete | no | visible | blockContainersFlexContainersGridContainers | asSpecifiedButVisibleOrClipReplacedToAutoOrHiddenIfOtherValueDifferent | uniqueOrder | CSS Overflow | |
| overflow-y | visible | hidden | clip | scroll | auto | visual | discrete | no | visible | blockContainersFlexContainersGridContainers | asSpecifiedButVisibleOrClipReplacedToAutoOrHiddenIfOtherValueDifferent | uniqueOrder | CSS Overflow | |
| overlay | none | auto | visual | discreteButVisibleForDurationWhenAnimatedNone | no | none | allElements | asSpecified | perGrammar | CSS Positioned Layout | |
| overscroll-behavior | [ contain | none | auto ]{1,2} | visual | discrete | no | auto | nonReplacedBlockAndInlineBlockElements | overscroll-behavior-x, overscroll-behavior-y | uniqueOrder | CSS Overscroll Behavior | |
| overscroll-behavior-block | contain | none | auto | visual | discrete | no | auto | nonReplacedBlockAndInlineBlockElements | asSpecified | uniqueOrder | CSS Overscroll Behavior | |
| overscroll-behavior-inline | contain | none | auto | visual | discrete | no | auto | nonReplacedBlockAndInlineBlockElements | asSpecified | uniqueOrder | CSS Overscroll Behavior | |
| overscroll-behavior-x | contain | none | auto | visual | discrete | no | auto | nonReplacedBlockAndInlineBlockElements | asSpecified | uniqueOrder | CSS Overscroll Behavior | |
| overscroll-behavior-y | contain | none | auto | visual | discrete | no | auto | nonReplacedBlockAndInlineBlockElements | asSpecified | uniqueOrder | CSS Overscroll Behavior | |
| padding | <'padding-top'>{1,4} | visual | length | referToWidthOfContainingBlock | padding-bottom, padding-left, padding-right, padding-top | allElementsExceptInternalTableDisplayTypes | padding-bottom, padding-left, padding-right, padding-top | uniqueOrder | CSS Box Model | |
| padding-block | <'padding-top'>{1,2} | visual | length | logicalWidthOfContainingBlock | padding-block-start, padding-block-end | allElementsExceptInternalTableDisplayTypes | padding-block-start, padding-block-end | uniqueOrder | CSS Logical Properties and Values | |
| padding-block-end | <'padding-top'> | visual | length | logicalWidthOfContainingBlock | 0 | allElementsExceptInternalTableDisplayTypes | asLength | uniqueOrder | CSS Logical Properties and Values | |
| padding-block-start | <'padding-top'> | visual | length | logicalWidthOfContainingBlock | 0 | allElementsExceptInternalTableDisplayTypes | asLength | uniqueOrder | CSS Logical Properties and Values | |
| padding-bottom | <length-percentage [0,∞]> | visual | length | referToWidthOfContainingBlock | 0 | allElementsExceptInternalTableDisplayTypes | percentageAsSpecifiedOrAbsoluteLength | uniqueOrder | CSS Box Model | |
| padding-inline | <'padding-top'>{1,2} | visual | length | logicalWidthOfContainingBlock | padding-inline-start, padding-inline-end | allElementsExceptInternalTableDisplayTypes | padding-inline-start, padding-inline-end | uniqueOrder | CSS Logical Properties and Values | |
| padding-inline-end | <'padding-top'> | visual | length | logicalWidthOfContainingBlock | 0 | allElementsExceptInternalTableDisplayTypes | asLength | uniqueOrder | CSS Logical Properties and Values | |
| padding-inline-start | <'padding-top'> | visual | length | logicalWidthOfContainingBlock | 0 | allElementsExceptInternalTableDisplayTypes | asLength | uniqueOrder | CSS Logical Properties and Values | |
| padding-left | <length-percentage [0,∞]> | visual | length | referToWidthOfContainingBlock | 0 | allElementsExceptInternalTableDisplayTypes | percentageAsSpecifiedOrAbsoluteLength | uniqueOrder | CSS Box Model | |
| padding-right | <length-percentage [0,∞]> | visual | length | referToWidthOfContainingBlock | 0 | allElementsExceptInternalTableDisplayTypes | percentageAsSpecifiedOrAbsoluteLength | uniqueOrder | CSS Box Model | |
| padding-top | <length-percentage [0,∞]> | visual | length | referToWidthOfContainingBlock | 0 | allElementsExceptInternalTableDisplayTypes | percentageAsSpecifiedOrAbsoluteLength | uniqueOrder | CSS Box Model | |
| page | auto | <custom-ident> | paged | discrete | no | auto | blockElementsInNormalFlow | asSpecified | perGrammar | CSS Paged Media | |
| page-break-after | auto | always | avoid | left | right | recto | verso | visual, paged | discrete | no | auto | blockElementsInNormalFlow | asSpecified | uniqueOrder | CSS Paged Media | |
| page-break-before | auto | always | avoid | left | right | recto | verso | visual, paged | discrete | no | auto | blockElementsInNormalFlow | asSpecified | uniqueOrder | CSS Paged Media | |
| page-break-inside | auto | avoid | visual, paged | discrete | no | auto | blockElementsInNormalFlow | asSpecified | uniqueOrder | CSS Paged Media | |
| paint-order | normal | [ fill || stroke || markers ] | visual | true | discrete | no | normal | textElements | asSpecified | uniqueOrder | Scalable Vector Graphics |
| perspective | none | <length> | visual | length | no | none | transformableElements | absoluteLengthOrNone | uniqueOrder | CSS Transforms | |
| perspective-origin | <position> | visual | simpleListOfLpc | referToSizeOfBoundingBox | 50% 50% | transformableElements | forLengthAbsoluteValueOtherwisePercentage | oneOrTwoValuesLengthAbsoluteKeywordsPercentages | CSS Transforms | |
| place-content | <'align-content'> <'justify-content'>? | visual | discrete | no | align-content, justify-content | multilineFlexContainers | align-content, justify-content | uniqueOrder | CSS Box Alignment | |
| place-items | <'align-items'> <'justify-items'>? | visual | discrete | no | align-items, justify-items | allElements | align-items, justify-items | uniqueOrder | CSS Box Alignment | |
| place-self | <'align-self'> <'justify-self'>? | visual | discrete | no | align-self, justify-self | blockLevelBoxesAndAbsolutelyPositionedBoxesAndGridItems | align-self, justify-self | uniqueOrder | CSS Box Alignment | |
| pointer-events | auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit | visual | true | discrete | no | auto | allElements | asSpecified | uniqueOrder | CSS Basic User Interface |
| position | static | relative | absolute | sticky | fixed | visual | discrete | no | static | allElements | asSpecified | uniqueOrder | CSS Positioned Layout | |
| position-anchor | auto | none | <anchor-name> | visual | discrete | no | none | absolutelyPositionedElements | asSpecified | perGrammar | CSS Anchor Positioning | |
| position-area | none | <position-area> | visual | discrete | no | none | positionedElementsWithADefaultAnchorElement | asSpecified | perGrammar | CSS Anchor Positioning | |
| position-try | <'position-try-order'>? <'position-try-fallbacks'> | visual | position-try-fallbacks, position-try-order | position-try-fallbacks, position-try-order | position-try-fallbacks, position-try-order | absolutelyPositionedElements | position-try-fallbacks, position-try-order | perGrammar | CSS Anchor Positioning | |
| position-try-fallbacks | none | [ [<dashed-ident> || <try-tactic>] | <'position-area'> ]# | visual | discrete | no | none | absolutelyPositionedElements | asSpecified | perGrammar | CSS Anchor Positioning | |
| position-try-order | normal | <try-size> | visual | discrete | no | normal | absolutelyPositionedElements | asSpecified | perGrammar | CSS Anchor Positioning | |
| position-visibility | always | [ anchors-valid || anchors-visible || no-overflow ] | visual | discrete | no | anchors-visible | absolutelyPositionedElements | asSpecified | perGrammar | CSS Anchor Positioning | |
| print-color-adjust | economy | exact | visual | true | discrete | no | economy | allElements | asSpecified | perGrammar | CSS Color |
| quotes | none | auto | [ <string> <string> ]+ | visual | true | discrete | no | dependsOnUserAgent | allElements | asSpecified | uniqueOrder | CSS Generated Content |
| r | <length> | <percentage> | visual | byComputedValueType | referToSVGViewportSize | 0 | limitedSVGElementsCircle | percentageAsSpecifiedOrAbsoluteLength | perGrammar | Scalable Vector Graphics | |
| reading-flow | normal | source-order | flex-visual | flex-flow | grid-rows | grid-columns | grid-order | visual | notAnimatable | no | normal | blockContainersFlexContainersGridContainers | asSpecified | perGrammar | CSS Display | |
| reading-order | <integer> | visual | byComputedValueType | no | 0 | blockContainersFlexContainersGridContainers | specifiedInteger | perGrammar | CSS Display | |
| resize | none | both | horizontal | vertical | block | inline | visual | discrete | no | none | elementsWithOverflowNotVisibleAndReplacedElements | asSpecified | uniqueOrder | CSS Basic User Interface | |
| right | auto | <length-percentage> | <anchor()> | <anchor-size()> | visual | lpc | referToWidthOfContainingBlock | auto | positionedElements | lengthAbsolutePercentageAsSpecifiedOtherwiseAuto | uniqueOrder | CSS Anchor Positioning, CSS Positioned Layout | |
| rotate | none | <angle> | [ x | y | z | <number>{3} ] && <angle> | visual | transform | no | none | transformableElements | asSpecified | perGrammar | CSS Transforms | |
| row-gap | normal | <length-percentage> | visual | lpc | referToDimensionOfContentArea | normal | multiColumnElementsFlexContainersGridContainers | asSpecifiedWithLengthsAbsoluteAndNormalComputingToZeroExceptMultiColumn | perGrammar | CSS Box Alignment | |
| ruby-align | start | center | space-between | space-around | visual | true | byComputedValueType | no | space-around | rubyBasesAnnotationsBaseAnnotationContainers | asSpecified | uniqueOrder | CSS Ruby |
| ruby-merge | separate | collapse | auto | visual | true | byComputedValueType | no | separate | rubyAnnotationContainers | asSpecified | uniqueOrder | CSS Ruby |
| ruby-overhang | auto | none | visual | true | byComputedValueType | no | auto | rubyAnnotationContainers | theSpecifiedKeyword | perGrammar | CSS Ruby |
| ruby-position | [ alternate || [ over | under ] ] | inter-character | visual | true | discrete | no | alternate | rubyAnnotationContainers | asSpecified | uniqueOrder | CSS Ruby |
| rx | <length-percentage> | auto | visual | byComputedValueType | referToSVGViewportWidth | auto | limitedSVGElementsEllipseRect | percentageAsSpecifiedOrAbsoluteLength | perGrammar | Scalable Vector Graphics | |
| ry | <length-percentage> | auto | visual | byComputedValueType | referToSVGViewportHeight | auto | limitedSVGElementsEllipseRect | percentageAsSpecifiedOrAbsoluteLength | perGrammar | Scalable Vector Graphics | |
| scale | none | [ <number> | <percentage> ]{1,3} | visual | transform | no | none | transformableElements | asSpecified | perGrammar | CSS Transforms | |
| scroll-behavior | auto | smooth | visual | notAnimatable | no | auto | scrollingBoxes | asSpecified | uniqueOrder | CSS Overflow | |
| scroll-initial-target | none | nearest | noPracticalMedia | notAnimatable | no | none | allElements | theSpecifiedKeyword | perGrammar | CSS Scroll Snap | |
| scroll-margin | <length>{1,4} | visual | byComputedValueType | no | scroll-margin-bottom, scroll-margin-left, scroll-margin-right, scroll-margin-top | allElements | scroll-margin-bottom, scroll-margin-left, scroll-margin-right, scroll-margin-top | perGrammar | CSS Scroll Snap | |
| scroll-margin-block | <length>{1,2} | visual | byComputedValueType | no | scroll-margin-block-start, scroll-margin-block-end | allElements | scroll-margin-block-start, scroll-margin-block-end | perGrammar | CSS Scroll Snap | |
| scroll-margin-block-end | <length> | visual | byComputedValueType | no | 0 | allElements | asSpecified | perGrammar | CSS Scroll Snap | |
| scroll-margin-block-start | <length> | visual | byComputedValueType | no | 0 | allElements | asSpecified | perGrammar | CSS Scroll Snap | |
| scroll-margin-bottom | <length> | visual | byComputedValueType | no | 0 | allElements | asSpecified | perGrammar | CSS Scroll Snap | |
| scroll-margin-inline | <length>{1,2} | visual | byComputedValueType | no | scroll-margin-inline-start, scroll-margin-inline-end | allElements | scroll-margin-inline-start, scroll-margin-inline-end | perGrammar | CSS Scroll Snap | |
| scroll-margin-inline-end | <length> | visual | byComputedValueType | no | 0 | allElements | asSpecified | perGrammar | CSS Scroll Snap | |
| scroll-margin-inline-start | <length> | visual | byComputedValueType | no | 0 | allElements | asSpecified | perGrammar | CSS Scroll Snap | |
| scroll-margin-left | <length> | visual | byComputedValueType | no | 0 | allElements | asSpecified | perGrammar | CSS Scroll Snap | |
| scroll-margin-right | <length> | visual | byComputedValueType | no | 0 | allElements | asSpecified | perGrammar | CSS Scroll Snap | |
| scroll-margin-top | <length> | visual | byComputedValueType | no | 0 | allElements | asSpecified | perGrammar | CSS Scroll Snap | |
| scroll-marker-group | none | before | after | visual | discrete | no | none | scrollContainers | asSpecified | perGrammar | CSS Overflow | |
| scroll-padding | [ auto | <length-percentage> ]{1,4} | visual | byComputedValueType | relativeToTheScrollContainersScrollport | scroll-padding-bottom, scroll-padding-left, scroll-padding-right, scroll-padding-top | scrollContainers | scroll-padding-bottom, scroll-padding-left, scroll-padding-right, scroll-padding-top | perGrammar | CSS Scroll Snap | |
| scroll-padding-block | [ auto | <length-percentage> ]{1,2} | visual | byComputedValueType | relativeToTheScrollContainersScrollport | scroll-padding-block-start, scroll-padding-block-end | scrollContainers | scroll-padding-block-start, scroll-padding-block-end | perGrammar | CSS Scroll Snap | |
| scroll-padding-block-end | auto | <length-percentage> | visual | byComputedValueType | relativeToTheScrollContainersScrollport | auto | scrollContainers | asSpecified | perGrammar | CSS Scroll Snap | |
| scroll-padding-block-start | auto | <length-percentage> | visual | byComputedValueType | relativeToTheScrollContainersScrollport | auto | scrollContainers | asSpecified | perGrammar | CSS Scroll Snap | |
| scroll-padding-bottom | auto | <length-percentage> | visual | byComputedValueType | relativeToTheScrollContainersScrollport | auto | scrollContainers | asSpecified | perGrammar | CSS Scroll Snap | |
| scroll-padding-inline | [ auto | <length-percentage> ]{1,2} | visual | byComputedValueType | relativeToTheScrollContainersScrollport | scroll-padding-inline-start, scroll-padding-inline-end | scrollContainers | scroll-padding-inline-start, scroll-padding-inline-end | perGrammar | CSS Scroll Snap | |
| scroll-padding-inline-end | auto | <length-percentage> | visual | byComputedValueType | relativeToTheScrollContainersScrollport | auto | scrollContainers | asSpecified | perGrammar | CSS Scroll Snap | |
| scroll-padding-inline-start | auto | <length-percentage> | visual | byComputedValueType | relativeToTheScrollContainersScrollport | auto | scrollContainers | asSpecified | perGrammar | CSS Scroll Snap | |
| scroll-padding-left | auto | <length-percentage> | visual | byComputedValueType | relativeToTheScrollContainersScrollport | auto | scrollContainers | asSpecified | perGrammar | CSS Scroll Snap | |
| scroll-padding-right | auto | <length-percentage> | visual | byComputedValueType | relativeToTheScrollContainersScrollport | auto | scrollContainers | asSpecified | perGrammar | CSS Scroll Snap | |
| scroll-padding-top | auto | <length-percentage> | visual | byComputedValueType | relativeToTheScrollContainersScrollport | auto | scrollContainers | asSpecified | perGrammar | CSS Scroll Snap | |
| scroll-snap-align | [ none | start | end | center ]{1,2} | visual | discrete | no | none | allElements | asSpecified | perGrammar | CSS Scroll Snap | |
| scroll-snap-coordinate | none | <position># | interactive | position | referToBorderBox | none | allElements | asSpecifiedRelativeToAbsoluteLengths | uniqueOrder | CSS Scroll Snap | |
| scroll-snap-destination | <position> | interactive | position | relativeToScrollContainerPaddingBoxAxis | 0px 0px | scrollContainers | asSpecifiedRelativeToAbsoluteLengths | uniqueOrder | CSS Scroll Snap | |
| scroll-snap-points-x | none | repeat( <length-percentage> ) | interactive | discrete | relativeToScrollContainerPaddingBoxAxis | none | scrollContainers | asSpecifiedRelativeToAbsoluteLengths | uniqueOrder | CSS Scroll Snap | |
| scroll-snap-points-y | none | repeat( <length-percentage> ) | interactive | discrete | relativeToScrollContainerPaddingBoxAxis | none | scrollContainers | asSpecifiedRelativeToAbsoluteLengths | uniqueOrder | CSS Scroll Snap | |
| scroll-snap-stop | normal | always | visual | discrete | no | normal | allElements | asSpecified | perGrammar | CSS Scroll Snap | |
| scroll-snap-type | none | [ x | y | block | inline | both ] [ mandatory | proximity ]? | interactive | discrete | no | none | allElements | asSpecified | uniqueOrder | CSS Scroll Snap | |
| scroll-snap-type-x | none | mandatory | proximity | interactive | discrete | no | none | scrollContainers | asSpecified | uniqueOrder | CSS Scroll Snap | |
| scroll-snap-type-y | none | mandatory | proximity | interactive | discrete | no | none | scrollContainers | asSpecified | uniqueOrder | CSS Scroll Snap | |
| scroll-target-group | none | auto | visual | discrete | no | none | allElements | asSpecified | perGrammar | CSS Overflow | |
| scroll-timeline | [ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]# | visual | scroll-timeline-name, scroll-timeline-axis | no | scroll-timeline-name, scroll-timeline-axis | scrollContainers | scroll-timeline-name, scroll-timeline-axis | perGrammar | Scroll-driven Animations | |
| scroll-timeline-axis | [ block | inline | x | y ]# | interactive | notAnimatable | no | block | scrollContainers | asSpecified | perGrammar | Scroll-driven Animations | |
| scroll-timeline-name | [ none | <dashed-ident> ]# | interactive | notAnimatable | no | none | scrollContainers | noneOrOrderedListOfIdentifiers | perGrammar | Scroll-driven Animations | |
| scrollbar-color | auto | <color>{2} | visual | true | byComputedValueType | no | auto | scrollingBoxes | asSpecified | perGrammar | CSS Scrollbars Styling |
| scrollbar-gutter | auto | stable && both-edges? | visual | discrete | no | auto | scrollingBoxes | asSpecified | perGrammar | CSS Overflow | |
| scrollbar-width | auto | thin | none | visual | discrete | no | auto | scrollingBoxes | asSpecified | perGrammar | CSS Scrollbars Styling | |
| shape-image-threshold | <opacity-value> | visual | number | no | 0.0 | floats | specifiedValueNumberClipped0To1 | uniqueOrder | CSS Shapes | |
| shape-margin | <length-percentage> | visual | lpc | referToWidthOfContainingBlock | 0 | floats | asSpecifiedRelativeToAbsoluteLengths | uniqueOrder | CSS Shapes | |
| shape-outside | none | [ <shape-box> || <basic-shape> ] | <image> | visual | basicShapeOtherwiseNo | no | none | floats | asDefinedForBasicShapeWithAbsoluteURIOtherwiseAsSpecified | uniqueOrder | CSS Shapes | |
| shape-rendering | auto | optimizeSpeed | crispEdges | geometricPrecision | visual | true | discrete | no | auto | limitedSVGElementsShapes | asSpecified | perGrammar | Scalable Vector Graphics |
| speak-as | normal | spell-out || digits || [ literal-punctuation | no-punctuation ] | visual | true | discrete | no | auto | allElements | specifiedValue | perGrammar | CSS Speech |
| stop-color | <'color'> | visual | discrete | no | black | limitedSVGElementsStop | asSpecified | perGrammar | Scalable Vector Graphics | |
| stop-opacity | <'opacity'> | visual | discrete | no | black | limitedSVGElementsStop | asSpecified | perGrammar | Scalable Vector Graphics | |
| stroke | <paint> | visual | true | stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width | no | stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width | asLonghands | asLonghands | perGrammar | Scalable Vector Graphics |
| stroke-color | <color> | visual | true | byComputedValue | no | transparent | textAndSVGShapes | computedColor | perGrammar | Scalable Vector Graphics |
| stroke-dasharray | none | <dasharray> | visual | true | repeatableList | referToSVGViewportDiagonal | none | limitedSVGElementsShapes | listEachItemConsistingOfAbsoluteLengthPercentageOrKeyword | uniqueOrder | Scalable Vector Graphics |
| stroke-dashoffset | <length-percentage> | <number> | visual | true | byComputedValueType | referToSVGViewportDiagonal | 0 | limitedSVGElementsShapes | absoluteLengthOrPercentageNumbersConverted | uniqueOrder | Scalable Vector Graphics |
| stroke-linecap | butt | round | square | visual | true | discrete | no | butt | limitedSVGElementsShapes | asSpecified | uniqueOrder | Scalable Vector Graphics |
| stroke-linejoin | miter | miter-clip | round | bevel | arcs | visual | true | discrete | no | miter | limitedSVGElementsShapes | asSpecified | uniqueOrder | Scalable Vector Graphics |
| stroke-miterlimit | <number> | visual | true | byComputedValueType | no | 4 | limitedSVGElementsShapes | asSpecified | uniqueOrder | Scalable Vector Graphics |
| stroke-opacity | <'opacity'> | visual | true | byComputedValueType | no | 1 | limitedSVGElementsShapes | specifiedValueClipped0To1 | uniqueOrder | Scalable Vector Graphics |
| stroke-width | <length-percentage> | <number> | visual | true | byComputedValueType | referToSVGViewportDiagonal | 1px | limitedSVGElementsShapes | absoluteLengthOrPercentageNumbersConverted | uniqueOrder | Scalable Vector Graphics |
| tab-size | <integer> | <length> | visual | true | length | no | 8 | blockContainers | specifiedIntegerOrAbsoluteLength | uniqueOrder | CSS Text |
| table-layout | auto | fixed | visual | discrete | no | auto | tableElements | asSpecified | uniqueOrder | CSS Table | |
| text-align | start | end | left | right | center | justify | match-parent | visual | true | discrete | no | startOrNamelessValueIfLTRRightIfRTL | blockContainers | asSpecifiedExceptMatchParent | orderOfAppearance | CSS Text |
| text-align-last | auto | start | end | left | right | center | justify | visual | true | discrete | no | auto | blockContainers | asSpecified | uniqueOrder | CSS Text |
| text-anchor | start | middle | end | visual | true | discrete | no | start | limitedSVGElementsTextContent | asSpecified | perGrammar | Scalable Vector Graphics |
| text-autospace | normal | <autospace> | auto | visual | true | discrete | no | normal | textElements | asSpecified | perGrammar | CSS Text |
| text-box | normal | <'text-box-trim'> || <'text-box-edge'> | visual | discrete | no | normal | blockContainersAndInlineBoxes | theSpecifiedKeyword | perGrammar | CSS Inline | |
| text-box-edge | auto | <text-edge> | visual | discrete | no | auto | blockContainersAndInlineBoxes | theSpecifiedKeyword | perGrammar | CSS Inline | |
| text-box-trim | none | trim-start | trim-end | trim-both | visual | discrete | no | none | blockContainersAndInlineBoxes | theSpecifiedKeyword | perGrammar | CSS Inline | |
| text-combine-upright | none | all | [ digits <integer>? ] | visual | true | notAnimatable | no | none | nonReplacedInlineElements | keywordPlusIntegerIfDigits | uniqueOrder | CSS Writing Modes |
| text-decoration | <'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'> | visual | text-decoration-color, text-decoration-style, text-decoration-line, text-decoration-thickness | no | text-decoration-color, text-decoration-style, text-decoration-line | allElements | text-decoration-line, text-decoration-style, text-decoration-color, text-decoration-thickness | orderOfAppearance | CSS Text Decoration | |
| text-decoration-color | <color> | visual | color | no | currentcolor | allElements | computedColor | uniqueOrder | CSS Text Decoration | |
| text-decoration-inset | <length>{1,2} | auto | visual | byComputedValue | no | 0 | allElements | absoluteLengthOrKeyword | perGrammar | CSS Text Decoration | |
| text-decoration-line | none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error | visual | discrete | no | none | allElements | asSpecified | orderOfAppearance | CSS Text Decoration | |
| text-decoration-skip | none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ] | visual | true | discrete | no | objects | allElements | asSpecified | orderOfAppearance | CSS Text Decoration |
| text-decoration-skip-ink | auto | all | none | visual | true | discrete | no | auto | allElements | asSpecified | orderOfAppearance | CSS Text Decoration |
| text-decoration-style | solid | double | dotted | dashed | wavy | visual | discrete | no | solid | allElements | asSpecified | uniqueOrder | CSS Text Decoration | |
| text-decoration-thickness | auto | from-font | <length> | <percentage> | visual | byComputedValueType | referToElementFontSize | auto | allElements | asSpecified | uniqueOrder | CSS Text Decoration | |
| text-emphasis | <'text-emphasis-style'> || <'text-emphasis-color'> | visual | true | text-emphasis-color, text-emphasis-style | no | text-emphasis-style, text-emphasis-color | allElements | text-emphasis-style, text-emphasis-color | orderOfAppearance | CSS Text Decoration |
| text-emphasis-color | <color> | visual | true | color | no | currentcolor | allElements | computedColor | uniqueOrder | CSS Text Decoration |
| text-emphasis-position | auto | [ over | under ] && [ right | left ]? | visual | true | discrete | no | auto | allElements | asSpecified | uniqueOrder | CSS Text Decoration |
| text-emphasis-style | none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string> | visual | true | discrete | no | none | allElements | asSpecified | uniqueOrder | CSS Text Decoration |
| text-indent | <length-percentage> && hanging? && each-line? | visual | true | lpc | referToWidthOfContainingBlock | 0 | blockContainers | percentageOrAbsoluteLengthPlusKeywords | lengthOrPercentageBeforeKeywords | CSS Text |
| text-justify | auto | inter-character | inter-word | none | visual | true | discrete | no | auto | inlineLevelAndTableCellElements | asSpecified | uniqueOrder | CSS Text |
| text-orientation | mixed | upright | sideways | visual | true | notAnimatable | no | mixed | allElementsExceptTableRowGroupsRowsColumnGroupsAndColumns | asSpecified | uniqueOrder | CSS Writing Modes |
| text-overflow | [ clip | ellipsis | <string> ]{1,2} | visual | discrete | no | clip | blockContainerElements | asSpecified | uniqueOrder | CSS Overflow | |
| text-rendering | auto | optimizeSpeed | optimizeLegibility | geometricPrecision | visual | true | discrete | no | auto | textElements | asSpecified | uniqueOrder | Scalable Vector Graphics |
| text-shadow | none | <shadow-t># | visual | true | shadowList | no | none | allElements | colorPlusThreeAbsoluteLengths | uniqueOrder | CSS Text Decoration |
| text-size-adjust | none | auto | <percentage> | visual | true | byComputedValueType | referToSizeOfFont | autoForSmartphoneBrowsersSupportingInflation | allElements | asSpecified | uniqueOrder | CSS Mobile Text Size Adjustment |
| text-spacing-trim | space-all | normal | space-first | trim-start | visual | true | discrete | no | normal | textElements | asSpecified | perGrammar | CSS Text |
| text-transform | none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto | visual | true | discrete | no | none | allElements | asSpecified | uniqueOrder | CSS Text, MathML |
| text-underline-offset | auto | <length> | <percentage> | visual | true | byComputedValueType | referToElementFontSize | auto | allElements | asSpecified | uniqueOrder | CSS Text Decoration |