CSS Properties Dom Notation (camelCase & kebab-case)
2021-08-22
列出所有的 Chrome 瀏覽器所支援的 CSS Properties。
說明
Chrome 版本：92.04515.159 (64bit)
Object.keys(document.createElement('div').style)
// length 564| JS Dom Notation (camelCase) | CSS Properties (kebab-case) |
|---|---|
| additiveSymbols | additive-symbols |
| alignContent | align-content |
| alignItems | align-items |
| alignSelf | align-self |
| alignmentBaseline | alignment-baseline |
| all | all |
| animation | animation |
| animationDelay | animation-delay |
| animationDirection | animation-direction |
| animationDuration | animation-duration |
| animationFillMode | animation-fill-mode |
| animationIterationCount | animation-iteration-count |
| animationName | animation-name |
| animationPlayState | animation-play-state |
| animationTimingFunction | animation-timing-function |
| appearance | appearance |
| ascentOverride | ascent-override |
| aspectRatio | aspect-ratio |
| backdropFilter | backdrop-filter |
| backfaceVisibility | backface-visibility |
| background | background |
| backgroundAttachment | background-attachment |
| backgroundBlendMode | background-blend-mode |
| backgroundClip | background-clip |
| backgroundColor | background-color |
| backgroundImage | background-image |
| backgroundOrigin | background-origin |
| backgroundPosition | background-position |
| backgroundPositionX | background-position-x |
| backgroundPositionY | background-position-y |
| backgroundRepeat | background-repeat |
| backgroundRepeatX | background-repeat-x |
| backgroundRepeatY | background-repeat-y |
| backgroundSize | background-size |
| baselineShift | baseline-shift |
| blockSize | block-size |
| border | border |
| borderBlock | border-block |
| borderBlockColor | border-block-color |
| borderBlockEnd | border-block-end |
| borderBlockEndColor | border-block-end-color |
| borderBlockEndStyle | border-block-end-style |
| borderBlockEndWidth | border-block-end-width |
| borderBlockStart | border-block-start |
| borderBlockStartColor | border-block-start-color |
| borderBlockStartStyle | border-block-start-style |
| borderBlockStartWidth | border-block-start-width |
| borderBlockStyle | border-block-style |
| borderBlockWidth | border-block-width |
| borderBottom | border-bottom |
| borderBottomColor | border-bottom-color |
| borderBottomLeftRadius | border-bottom-left-radius |
| borderBottomRightRadius | border-bottom-right-radius |
| borderBottomStyle | border-bottom-style |
| borderBottomWidth | border-bottom-width |
| borderCollapse | border-collapse |
| borderColor | border-color |
| borderEndEndRadius | border-end-end-radius |
| borderEndStartRadius | border-end-start-radius |
| borderImage | border-image |
| borderImageOutset | border-image-outset |
| borderImageRepeat | border-image-repeat |
| borderImageSlice | border-image-slice |
| borderImageSource | border-image-source |
| borderImageWidth | border-image-width |
| borderInline | border-inline |
| borderInlineColor | border-inline-color |
| borderInlineEnd | border-inline-end |
| borderInlineEndColor | border-inline-end-color |
| borderInlineEndStyle | border-inline-end-style |
| borderInlineEndWidth | border-inline-end-width |
| borderInlineStart | border-inline-start |
| borderInlineStartColor | border-inline-start-color |
| borderInlineStartStyle | border-inline-start-style |
| borderInlineStartWidth | border-inline-start-width |
| borderInlineStyle | border-inline-style |
| borderInlineWidth | border-inline-width |
| borderLeft | border-left |
| borderLeftColor | border-left-color |
| borderLeftStyle | border-left-style |
| borderLeftWidth | border-left-width |
| borderRadius | border-radius |
| borderRight | border-right |
| borderRightColor | border-right-color |
| borderRightStyle | border-right-style |
| borderRightWidth | border-right-width |
| borderSpacing | border-spacing |
| borderStartEndRadius | border-start-end-radius |
| borderStartStartRadius | border-start-start-radius |
| borderStyle | border-style |
| borderTop | border-top |
| borderTopColor | border-top-color |
| borderTopLeftRadius | border-top-left-radius |
| borderTopRightRadius | border-top-right-radius |
| borderTopStyle | border-top-style |
| borderTopWidth | border-top-width |
| borderWidth | border-width |
| bottom | bottom |
| boxShadow | box-shadow |
| boxSizing | box-sizing |
| breakAfter | break-after |
| breakBefore | break-before |
| breakInside | break-inside |
| bufferedRendering | buffered-rendering |
| captionSide | caption-side |
| caretColor | caret-color |
| clear | clear |
| clip | clip |
| clipPath | clip-path |
| clipRule | clip-rule |
| color | color |
| colorInterpolation | color-interpolation |
| colorInterpolationFilters | color-interpolation-filters |
| colorRendering | color-rendering |
| colorScheme | color-scheme |
| columnCount | column-count |
| columnFill | column-fill |
| columnGap | column-gap |
| columnRule | column-rule |
| columnRuleColor | column-rule-color |
| columnRuleStyle | column-rule-style |
| columnRuleWidth | column-rule-width |
| columnSpan | column-span |
| columnWidth | column-width |
| columns | columns |
| contain | contain |
| containIntrinsicSize | contain-intrinsic-size |
| content | content |
| contentVisibility | content-visibility |
| counterIncrement | counter-increment |
| counterReset | counter-reset |
| counterSet | counter-set |
| cursor | cursor |
| cx | cx |
| cy | cy |
| d | d |
| descentOverride | descent-override |
| direction | direction |
| display | display |
| dominantBaseline | dominant-baseline |
| emptyCells | empty-cells |
| fallback | fallback |
| fill | fill |
| fillOpacity | fill-opacity |
| fillRule | fill-rule |
| filter | filter |
| flex | flex |
| flexBasis | flex-basis |
| flexDirection | flex-direction |
| flexFlow | flex-flow |
| flexGrow | flex-grow |
| flexShrink | flex-shrink |
| flexWrap | flex-wrap |
| float | float |
| floodColor | flood-color |
| floodOpacity | flood-opacity |
| font | font |
| fontDisplay | font-display |
| fontFamily | font-family |
| fontFeatureSettings | font-feature-settings |
| fontKerning | font-kerning |
| fontOpticalSizing | font-optical-sizing |
| fontSize | font-size |
| fontStretch | font-stretch |
| fontStyle | font-style |
| fontVariant | font-variant |
| fontVariantCaps | font-variant-caps |
| fontVariantEastAsian | font-variant-east-asian |
| fontVariantLigatures | font-variant-ligatures |
| fontVariantNumeric | font-variant-numeric |
| fontVariationSettings | font-variation-settings |
| fontWeight | font-weight |
| forcedColorAdjust | forced-color-adjust |
| gap | gap |
| grid | grid |
| gridArea | grid-area |
| gridAutoColumns | grid-auto-columns |
| gridAutoFlow | grid-auto-flow |
| gridAutoRows | grid-auto-rows |
| gridColumn | grid-column |
| gridColumnEnd | grid-column-end |
| gridColumnGap | grid-column-gap |
| gridColumnStart | grid-column-start |
| gridGap | grid-gap |
| gridRow | grid-row |
| gridRowEnd | grid-row-end |
| gridRowGap | grid-row-gap |
| gridRowStart | grid-row-start |
| gridTemplate | grid-template |
| gridTemplateAreas | grid-template-areas |
| gridTemplateColumns | grid-template-columns |
| gridTemplateRows | grid-template-rows |
| height | height |
| hyphens | hyphens |
| imageOrientation | image-orientation |
| imageRendering | image-rendering |
| inherits | inherits |
| initialValue | initial-value |
| inlineSize | inline-size |
| inset | inset |
| insetBlock | inset-block |
| insetBlockEnd | inset-block-end |
| insetBlockStart | inset-block-start |
| insetInline | inset-inline |
| insetInlineEnd | inset-inline-end |
| insetInlineStart | inset-inline-start |
| isolation | isolation |
| justifyContent | justify-content |
| justifyItems | justify-items |
| justifySelf | justify-self |
| left | left |
| letterSpacing | letter-spacing |
| lightingColor | lighting-color |
| lineBreak | line-break |
| lineGapOverride | line-gap-override |
| lineHeight | line-height |
| listStyle | list-style |
| listStyleImage | list-style-image |
| listStylePosition | list-style-position |
| listStyleType | list-style-type |
| margin | margin |
| marginBlock | margin-block |
| marginBlockEnd | margin-block-end |
| marginBlockStart | margin-block-start |
| marginBottom | margin-bottom |
| marginInline | margin-inline |
| marginInlineEnd | margin-inline-end |
| marginInlineStart | margin-inline-start |
| marginLeft | margin-left |
| marginRight | margin-right |
| marginTop | margin-top |
| marker | marker |
| markerEnd | marker-end |
| markerMid | marker-mid |
| markerStart | marker-start |
| mask | mask |
| maskType | mask-type |
| maxBlockSize | max-block-size |
| maxHeight | max-height |
| maxInlineSize | max-inline-size |
| maxWidth | max-width |
| maxZoom | max-zoom |
| minBlockSize | min-block-size |
| minHeight | min-height |
| minInlineSize | min-inline-size |
| minWidth | min-width |
| minZoom | min-zoom |
| mixBlendMode | mix-blend-mode |
| negative | negative |
| objectFit | object-fit |
| objectPosition | object-position |
| offset | offset |
| offsetDistance | offset-distance |
| offsetPath | offset-path |
| offsetRotate | offset-rotate |
| opacity | opacity |
| order | order |
| orientation | orientation |
| orphans | orphans |
| outline | outline |
| outlineColor | outline-color |
| outlineOffset | outline-offset |
| outlineStyle | outline-style |
| outlineWidth | outline-width |
| overflow | overflow |
| overflowAnchor | overflow-anchor |
| overflowClipMargin | overflow-clip-margin |
| overflowWrap | overflow-wrap |
| overflowX | overflow-x |
| overflowY | overflow-y |
| overscrollBehavior | overscroll-behavior |
| overscrollBehaviorBlock | overscroll-behavior-block |
| overscrollBehaviorInline | overscroll-behavior-inline |
| overscrollBehaviorX | overscroll-behavior-x |
| overscrollBehaviorY | overscroll-behavior-y |
| pad | pad |
| padding | padding |
| paddingBlock | padding-block |
| paddingBlockEnd | padding-block-end |
| paddingBlockStart | padding-block-start |
| paddingBottom | padding-bottom |
| paddingInline | padding-inline |
| paddingInlineEnd | padding-inline-end |
| paddingInlineStart | padding-inline-start |
| paddingLeft | padding-left |
| paddingRight | padding-right |
| paddingTop | padding-top |
| page | page |
| pageBreakAfter | page-break-after |
| pageBreakBefore | page-break-before |
| pageBreakInside | page-break-inside |
| pageOrientation | page-orientation |
| paintOrder | paint-order |
| perspective | perspective |
| perspectiveOrigin | perspective-origin |
| placeContent | place-content |
| placeItems | place-items |
| placeSelf | place-self |
| pointerEvents | pointer-events |
| position | position |
| prefix | prefix |
| quotes | quotes |
| r | r |
| range | range |
| resize | resize |
| right | right |
| rowGap | row-gap |
| rubyPosition | ruby-position |
| rx | rx |
| ry | ry |
| scrollBehavior | scroll-behavior |
| scrollMargin | scroll-margin |
| scrollMarginBlock | scroll-margin-block |
| scrollMarginBlockEnd | scroll-margin-block-end |
| scrollMarginBlockStart | scroll-margin-block-start |
| scrollMarginBottom | scroll-margin-bottom |
| scrollMarginInline | scroll-margin-inline |
| scrollMarginInlineEnd | scroll-margin-inline-end |
| scrollMarginInlineStart | scroll-margin-inline-start |
| scrollMarginLeft | scroll-margin-left |
| scrollMarginRight | scroll-margin-right |
| scrollMarginTop | scroll-margin-top |
| scrollPadding | scroll-padding |
| scrollPaddingBlock | scroll-padding-block |
| scrollPaddingBlockEnd | scroll-padding-block-end |
| scrollPaddingBlockStart | scroll-padding-block-start |
| scrollPaddingBottom | scroll-padding-bottom |
| scrollPaddingInline | scroll-padding-inline |
| scrollPaddingInlineEnd | scroll-padding-inline-end |
| scrollPaddingInlineStart | scroll-padding-inline-start |
| scrollPaddingLeft | scroll-padding-left |
| scrollPaddingRight | scroll-padding-right |
| scrollPaddingTop | scroll-padding-top |
| scrollSnapAlign | scroll-snap-align |
| scrollSnapStop | scroll-snap-stop |
| scrollSnapType | scroll-snap-type |
| shapeImageThreshold | shape-image-threshold |
| shapeMargin | shape-margin |
| shapeOutside | shape-outside |
| shapeRendering | shape-rendering |
| size | size |
| sizeAdjust | size-adjust |
| speak | speak |
| speakAs | speak-as |
| src | src |
| stopColor | stop-color |
| stopOpacity | stop-opacity |
| stroke | stroke |
| strokeDasharray | stroke-dasharray |
| strokeDashoffset | stroke-dashoffset |
| strokeLinecap | stroke-linecap |
| strokeLinejoin | stroke-linejoin |
| strokeMiterlimit | stroke-miterlimit |
| strokeOpacity | stroke-opacity |
| strokeWidth | stroke-width |
| suffix | suffix |
| symbols | symbols |
| syntax | syntax |
| system | system |
| tabSize | tab-size |
| tableLayout | table-layout |
| textAlign | text-align |
| textAlignLast | text-align-last |
| textAnchor | text-anchor |
| textCombineUpright | text-combine-upright |
| textDecoration | text-decoration |
| textDecorationColor | text-decoration-color |
| textDecorationLine | text-decoration-line |
| textDecorationSkipInk | text-decoration-skip-ink |
| textDecorationStyle | text-decoration-style |
| textDecorationThickness | text-decoration-thickness |
| textIndent | text-indent |
| textOrientation | text-orientation |
| textOverflow | text-overflow |
| textRendering | text-rendering |
| textShadow | text-shadow |
| textSizeAdjust | text-size-adjust |
| textTransform | text-transform |
| textUnderlineOffset | text-underline-offset |
| textUnderlinePosition | text-underline-position |
| top | top |
| touchAction | touch-action |
| transform | transform |
| transformBox | transform-box |
| transformOrigin | transform-origin |
| transformStyle | transform-style |
| transition | transition |
| transitionDelay | transition-delay |
| transitionDuration | transition-duration |
| transitionProperty | transition-property |
| transitionTimingFunction | transition-timing-function |
| unicodeBidi | unicode-bidi |
| unicodeRange | unicode-range |
| userSelect | user-select |
| userZoom | user-zoom |
| vectorEffect | vector-effect |
| verticalAlign | vertical-align |
| visibility | visibility |
| webkitAlignContent | webkit-align-content |
| webkitAlignItems | webkit-align-items |
| webkitAlignSelf | webkit-align-self |
| webkitAnimation | webkit-animation |
| webkitAnimationDelay | webkit-animation-delay |
| webkitAnimationDirection | webkit-animation-direction |
| webkitAnimationDuration | webkit-animation-duration |
| webkitAnimationFillMode | webkit-animation-fill-mode |
| webkitAnimationIterationCount | webkit-animation-iteration-count |
| webkitAnimationName | webkit-animation-name |
| webkitAnimationPlayState | webkit-animation-play-state |
| webkitAnimationTimingFunction | webkit-animation-timing-function |
| webkitAppRegion | webkit-app-region |
| webkitAppearance | webkit-appearance |
| webkitBackfaceVisibility | webkit-backface-visibility |
| webkitBackgroundClip | webkit-background-clip |
| webkitBackgroundOrigin | webkit-background-origin |
| webkitBackgroundSize | webkit-background-size |
| webkitBorderAfter | webkit-border-after |
| webkitBorderAfterColor | webkit-border-after-color |
| webkitBorderAfterStyle | webkit-border-after-style |
| webkitBorderAfterWidth | webkit-border-after-width |
| webkitBorderBefore | webkit-border-before |
| webkitBorderBeforeColor | webkit-border-before-color |
| webkitBorderBeforeStyle | webkit-border-before-style |
| webkitBorderBeforeWidth | webkit-border-before-width |
| webkitBorderBottomLeftRadius | webkit-border-bottom-left-radius |
| webkitBorderBottomRightRadius | webkit-border-bottom-right-radius |
| webkitBorderEnd | webkit-border-end |
| webkitBorderEndColor | webkit-border-end-color |
| webkitBorderEndStyle | webkit-border-end-style |
| webkitBorderEndWidth | webkit-border-end-width |
| webkitBorderHorizontalSpacing | webkit-border-horizontal-spacing |
| webkitBorderImage | webkit-border-image |
| webkitBorderRadius | webkit-border-radius |
| webkitBorderStart | webkit-border-start |
| webkitBorderStartColor | webkit-border-start-color |
| webkitBorderStartStyle | webkit-border-start-style |
| webkitBorderStartWidth | webkit-border-start-width |
| webkitBorderTopLeftRadius | webkit-border-top-left-radius |
| webkitBorderTopRightRadius | webkit-border-top-right-radius |
| webkitBorderVerticalSpacing | webkit-border-vertical-spacing |
| webkitBoxAlign | webkit-box-align |
| webkitBoxDecorationBreak | webkit-box-decoration-break |
| webkitBoxDirection | webkit-box-direction |
| webkitBoxFlex | webkit-box-flex |
| webkitBoxOrdinalGroup | webkit-box-ordinal-group |
| webkitBoxOrient | webkit-box-orient |
| webkitBoxPack | webkit-box-pack |
| webkitBoxReflect | webkit-box-reflect |
| webkitBoxShadow | webkit-box-shadow |
| webkitBoxSizing | webkit-box-sizing |
| webkitClipPath | webkit-clip-path |
| webkitColumnBreakAfter | webkit-column-break-after |
| webkitColumnBreakBefore | webkit-column-break-before |
| webkitColumnBreakInside | webkit-column-break-inside |
| webkitColumnCount | webkit-column-count |
| webkitColumnGap | webkit-column-gap |
| webkitColumnRule | webkit-column-rule |
| webkitColumnRuleColor | webkit-column-rule-color |
| webkitColumnRuleStyle | webkit-column-rule-style |
| webkitColumnRuleWidth | webkit-column-rule-width |
| webkitColumnSpan | webkit-column-span |
| webkitColumnWidth | webkit-column-width |
| webkitColumns | webkit-columns |
| webkitFilter | webkit-filter |
| webkitFlex | webkit-flex |
| webkitFlexBasis | webkit-flex-basis |
| webkitFlexDirection | webkit-flex-direction |
| webkitFlexFlow | webkit-flex-flow |
| webkitFlexGrow | webkit-flex-grow |
| webkitFlexShrink | webkit-flex-shrink |
| webkitFlexWrap | webkit-flex-wrap |
| webkitFontFeatureSettings | webkit-font-feature-settings |
| webkitFontSmoothing | webkit-font-smoothing |
| webkitHighlight | webkit-highlight |
| webkitHyphenateCharacter | webkit-hyphenate-character |
| webkitJustifyContent | webkit-justify-content |
| webkitLineBreak | webkit-line-break |
| webkitLineClamp | webkit-line-clamp |
| webkitLocale | webkit-locale |
| webkitLogicalHeight | webkit-logical-height |
| webkitLogicalWidth | webkit-logical-width |
| webkitMarginAfter | webkit-margin-after |
| webkitMarginBefore | webkit-margin-before |
| webkitMarginEnd | webkit-margin-end |
| webkitMarginStart | webkit-margin-start |
| webkitMask | webkit-mask |
| webkitMaskBoxImage | webkit-mask-box-image |
| webkitMaskBoxImageOutset | webkit-mask-box-image-outset |
| webkitMaskBoxImageRepeat | webkit-mask-box-image-repeat |
| webkitMaskBoxImageSlice | webkit-mask-box-image-slice |
| webkitMaskBoxImageSource | webkit-mask-box-image-source |
| webkitMaskBoxImageWidth | webkit-mask-box-image-width |
| webkitMaskClip | webkit-mask-clip |
| webkitMaskComposite | webkit-mask-composite |
| webkitMaskImage | webkit-mask-image |
| webkitMaskOrigin | webkit-mask-origin |
| webkitMaskPosition | webkit-mask-position |
| webkitMaskPositionX | webkit-mask-position-x |
| webkitMaskPositionY | webkit-mask-position-y |
| webkitMaskRepeat | webkit-mask-repeat |
| webkitMaskRepeatX | webkit-mask-repeat-x |
| webkitMaskRepeatY | webkit-mask-repeat-y |
| webkitMaskSize | webkit-mask-size |
| webkitMaxLogicalHeight | webkit-max-logical-height |
| webkitMaxLogicalWidth | webkit-max-logical-width |
| webkitMinLogicalHeight | webkit-min-logical-height |
| webkitMinLogicalWidth | webkit-min-logical-width |
| webkitOpacity | webkit-opacity |
| webkitOrder | webkit-order |
| webkitPaddingAfter | webkit-padding-after |
| webkitPaddingBefore | webkit-padding-before |
| webkitPaddingEnd | webkit-padding-end |
| webkitPaddingStart | webkit-padding-start |
| webkitPerspective | webkit-perspective |
| webkitPerspectiveOrigin | webkit-perspective-origin |
| webkitPerspectiveOriginX | webkit-perspective-origin-x |
| webkitPerspectiveOriginY | webkit-perspective-origin-y |
| webkitPrintColorAdjust | webkit-print-color-adjust |
| webkitRtlOrdering | webkit-rtl-ordering |
| webkitRubyPosition | webkit-ruby-position |
| webkitShapeImageThreshold | webkit-shape-image-threshold |
| webkitShapeMargin | webkit-shape-margin |
| webkitShapeOutside | webkit-shape-outside |
| webkitTapHighlightColor | webkit-tap-highlight-color |
| webkitTextCombine | webkit-text-combine |
| webkitTextDecorationsInEffect | webkit-text-decorations-in-effect |
| webkitTextEmphasis | webkit-text-emphasis |
| webkitTextEmphasisColor | webkit-text-emphasis-color |
| webkitTextEmphasisPosition | webkit-text-emphasis-position |
| webkitTextEmphasisStyle | webkit-text-emphasis-style |
| webkitTextFillColor | webkit-text-fill-color |
| webkitTextOrientation | webkit-text-orientation |
| webkitTextSecurity | webkit-text-security |
| webkitTextSizeAdjust | webkit-text-size-adjust |
| webkitTextStroke | webkit-text-stroke |
| webkitTextStrokeColor | webkit-text-stroke-color |
| webkitTextStrokeWidth | webkit-text-stroke-width |
| webkitTransform | webkit-transform |
| webkitTransformOrigin | webkit-transform-origin |
| webkitTransformOriginX | webkit-transform-origin-x |
| webkitTransformOriginY | webkit-transform-origin-y |
| webkitTransformOriginZ | webkit-transform-origin-z |
| webkitTransformStyle | webkit-transform-style |
| webkitTransition | webkit-transition |
| webkitTransitionDelay | webkit-transition-delay |
| webkitTransitionDuration | webkit-transition-duration |
| webkitTransitionProperty | webkit-transition-property |
| webkitTransitionTimingFunction | webkit-transition-timing-function |
| webkitUserDrag | webkit-user-drag |
| webkitUserModify | webkit-user-modify |
| webkitUserSelect | webkit-user-select |
| webkitWritingMode | webkit-writing-mode |
| whiteSpace | white-space |
| widows | widows |
| width | width |
| willChange | will-change |
| wordBreak | word-break |
| wordSpacing | word-spacing |
| wordWrap | word-wrap |
| writingMode | writing-mode |
| x | x |
| y | y |
| zIndex | z-index |
| zoom | zoom |