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 20
of 552
⚠️ Showing first 20 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 |