CSS property

// 获取 body 的所有 style属性
getComputedStyle(document.body)

CSS

动效

动画

  • animation
  • animationDelay
  • animationDirection
  • animationDuration
  • animationFillMode
  • animationIterationCount
  • animationName
  • animationPlayState
  • animationTimingFunction

过渡效果

  • transition
  • transitionDelay
  • transitionDuration
  • transitionProperty
  • transitionTimingFunction

盒模型

背景

  • background
  • backgroundAttachment
  • backgroundBlendMode
  • backgroundClip
  • backgroundColor
  • backgroundImage
  • backgroundOrigin
  • backgroundPosition
  • backgroundPositionX
  • backgroundPositionY
  • backgroundRepeat
  • backgroundRepeatX
  • backgroundRepeatY
  • backgroundSize

边框

  • border
  • borderBlockEnd
  • borderBlockEndColor
  • borderBlockEndStyle
  • borderBlockEndWidth
  • borderBlockStart
  • borderBlockStartColor
  • borderBlockStartStyle
  • borderBlockStartWidth
  • borderBottom
  • borderBottomColor
  • borderBottomLeftRadius
  • borderBottomRightRadius
  • borderBottomStyle
  • borderBottomWidth
  • borderCollapse
  • borderColor
  • borderImage
  • borderImageOutset
  • borderImageRepeat
  • borderImageSlice
  • borderImageSource
  • borderImageWidth
  • borderInlineEnd
  • borderInlineEndColor
  • borderInlineEndStyle
  • borderInlineEndWidth
  • borderInlineStart
  • borderInlineStartColor
  • borderInlineStartStyle
  • borderInlineStartWidth
  • borderLeft
  • borderLeftColor
  • borderLeftStyle
  • borderLeftWidth
  • borderRadius
  • borderRight
  • borderRightColor
  • borderRightStyle
  • borderRightWidth
  • borderSpacing
  • borderStyle
  • borderTop
  • borderTopColor
  • borderTopLeftRadius
  • borderTopRightRadius
  • borderTopStyle
  • borderTopWidth
  • borderWidth

边距

  • 内边距

    • padding
    • paddingBlockEnd
    • paddingBlockStart
    • paddingBottom
    • paddingInlineEnd
    • paddingInlineStart
    • paddingLeft
    • paddingRight
    • paddingTop
  • 外边距

    • margin
    • marginBlockEnd
    • marginBlockStart
    • marginBottom
    • marginInlineEnd
    • marginInlineStart
    • marginLeft
    • marginRight
    • marginTop

尺寸

  • width
  • height
  • maxWidth
  • maxHeight
  • minWidth
  • minHeight

定位

  • float
  • clear
  • position
  • left
  • right
  • top
  • bottom
  • zIndex
  • clip
  • clipPath
  • clipRule

滚动

  • overflow
  • overflowAnchor
  • overflowWrap
  • overflowX
  • overflowY
  • overscrollBehavior
  • overscrollBehaviorBlock
  • overscrollBehaviorInline
  • overscrollBehaviorX
  • overscrollBehaviorY

外边框

  • outline
  • outlineColor
  • outlineOffset
  • outlineStyle
  • outlineWidth

偏移

  • transform
  • transformBox
  • transformOrigin
  • transformStyle

滤镜

  • filter
  • opacity
  • visibility

阴影

  • boxShadow

类型

  • display
  • boxSizing

布局

Flex布局

  • flex
  • flexBasis
  • flexDirection
  • flexFlow
  • flexGrow
  • flexShrink
  • flexWrap
  • alignContent
  • alignItems
  • alignSelf
  • justifyContent
  • justifyItems
  • justifySelf
  • verticalAlign

Grid 布局

  • grid
  • gridArea
  • gridAutoColumns
  • gridAutoFlow
  • gridAutoRows
  • gridColumn
  • gridColumnEnd
  • gridColumnGap
  • gridColumnStart
  • gridGap
  • gridRow
  • gridRowEnd
  • gridRowGap
  • gridRowStart
  • gridTemplate
  • gridTemplateAreas
  • gridTemplateColumns
  • gridTemplateRows

滚动条

scrollBehavior

scrollMargin

scrollMarginBlock

scrollMarginBlockEnd

scrollMarginBlockStart

scrollMarginBottom

scrollMarginInline

scrollMarginInlineEnd

scrollMarginInlineStart

scrollMarginLeft

scrollMarginRight

scrollMarginTop

scrollPadding

scrollPaddingBlock

scrollPaddingBlockEnd

scrollPaddingBlockStart

scrollPaddingBottom

scrollPaddingInline

scrollPaddingInlineEnd

scrollPaddingInlineStart

scrollPaddingLeft

scrollPaddingRight

scrollPaddingTop

scrollSnapAlign

scrollSnapStop

scrollSnapType

光标

cursor

段落

排版

  • textAlign
  • textAlignLast
  • textAnchor
  • textCombineUpright
  • textDecoration
  • textDecorationColor
  • textDecorationLine
  • textDecorationSkipInk
  • textDecorationStyle
  • textIndent
  • textOrientation
  • textOverflow
  • textRendering
  • textShadow
  • textSizeAdjust
  • textTransform
  • textUnderlinePosition
  • letterSpacing
  • lineBreak
  • lineHeight
  • wordBreak
  • wordSpacing
  • wordWrap
  • whiteSpace
  • writingMode
  • columnCount
  • columnFill
  • columnGap
  • columnRule
  • columnRuleColor
  • columnRuleStyle
  • columnRuleWidth
  • columnSpan
  • columnWidth
  • columns
  • direction

文字颜色

  • colorRendering
  • colorScheme
  • color
  • colorInterpolation
  • colorInterpolationFilters

文字字体

  • font
  • fontDisplay
  • fontFamily
  • fontFeatureSettings
  • fontKerning
  • fontOpticalSizing
  • fontSize
  • fontStretch
  • fontStyle
  • fontVariant
  • fontVariantCaps
  • fontVariantEastAsian
  • fontVariantLigatures
  • fontVariantNumeric
  • fontVariationSettings
  • fontWeight

列表

  • listStyle
  • listStyleImage
  • listStylePosition
  • listStyleType

绘图

描边

  • stroke
  • strokeDasharray
  • strokeDashoffset
  • strokeLinecap
  • strokeLinejoin
  • strokeMiterlimit
  • strokeOpacity
  • strokeWidth

绘制

  • shapeImageThreshold
  • shapeMargin
  • shapeOutside
  • shapeRendering
  • rowGap
  • gap

填充

  • fill
  • fillOpacity
  • fillRule

路径

  • offset
  • offsetDistance
  • offsetPath
  • offsetRotate
  • r
  • rx
  • ry
  • cx
  • cy
  • d

蒙层

  • mask
  • maskType

不常用未分类的

alignmentBaseline

all

backdropFilter

backfaceVisibility

baselineShift

blockSize

breakAfter

breakBefore

breakInside

bufferedRendering

captionSide

caretColor

contain

containIntrinsicSize

content

counterIncrement

counterReset

cssFloat

cssText

dominantBaseline

emptyCells

floodColor

floodOpacity

hyphens

imageOrientation

imageRendering

inlineSize

isolation

lightingColor

marker

markerEnd

markerMid

markerStart

maxBlockSize

maxInlineSize

maxZoom

minBlockSize

minInlineSize

minZoom

mixBlendMode

objectFit

objectPosition

order

orientation

orphans

pageBreakAfter

pageBreakBefore

pageBreakInside

paintOrder

perspective

perspectiveOrigin

placeContent

placeItems

placeSelf

pointerEvents

quotes

resize

size

speak

src

stopColor

stopOpacity

tableLayout

tabSize

touchAction

unicodeBidi

unicodeRange

userSelect

userZoom

vectorEffect

widows

willChange

x

y

zoom

获取所有 css property

posted @ 2020-07-07 10:15  林来  阅读(498)  评论(0编辑  收藏  举报