zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    我还没死!!微信公众号——自媒体的营销之路
    网页中嵌入视频
    保存对象到文件中
    bash array
    正则表达式如何验证邮箱
    software testing
    Verification and validation
    bash array
    12 Linux Which Command, Whatis Command, Whereis Command Examples
    如何进行产品路标规划和项目排序?
  • 原文地址:https://www.cnblogs.com/ssaylo/p/13259240.html
Copyright © 2011-2022 走看看