CSS 属性（全）

---

CSS 属性

开头为：A

• align-content
  规定弹性容器内的行之间的对齐方式，当项目不使用所有可用空间时。
• align-items
  规定弹性容器内项目的对齐方式。
• align-self
  规定弹性容器内所选项目的对齐方式。
• all
  重置所有属性（除了 unicode-bidi 和 direction）。
• animation
  所有 animation-* 属性的简写属性。
• animation-delay
  规定开始动画的延迟。
• animation-direction
  规定动画是向前播放、向后播放还是交替播放。
• animation-duration
  规定动画完成一个周期应花费的时间。
• animation-fill-mode
  规定元素在不播放动画时（在开始之前、结束之后、或同时）的样式。
• animation-iteration-count
  规定动画的播放次数。
• animation-name
  规定 @keyframes 动画的名称。
• animation-play-state
  规定动画是播放还是暂停。
• animation-timing-function
  规定动画的速度曲线。

开头为：B

• backface-visibility
  定义当面对用户时元素的背面是否应可见。
• background
  所有 background-* 属性的简写属性。
• background-attachment
  设置背景图像是与页面的其余部分一起滚动还是固定的。
• background-blend-mode
  规定每个背景图层（颜色/图像）的混合模式。
• background-clip
  定义背景（颜色或图像）应在元素内延伸的距离。
• background-color
  规定元素的背景色。
• background-image
  规定元素的一幅或多幅背景图像。
• background-origin
  规定背景图像的初始位置。
• background-position
  规定背景图像的位置。
• background-repeat
  设置是否以及如何重复背景图像。
• background-size
  规定背景图像的尺寸。
• border
  border-width、border-style 以及 border-color 的简写属性。
• border-bottom
  border-bottom-width、border-bottom-style 以及 border-bottom-color 的简写属性。
• border-bottom-color
  设置下边框的颜色。
• border-bottom-left-radius
  定义左下角的边框圆角。
• border-bottom-right-radius
  定义右下角的边框圆角。
• border-bottom-style
  设置下边框的样式。
• border-bottom-width
  设置下边框的宽度。
• border-collapse
  设置表格边框是折叠为单一边框还是分开的。
• border-color
  设置四条边框的颜色。
• border-image
  border-image-* 属性的简写属性。
• border-image-outset
  规定边框图像区域超出边框的量。
• border-image-repeat
  规定边框图像应重复、圆角、还是拉伸。
• border-image-slice
  规定如何裁切边框图像。
• border-image-source
  规定用作边框的图像的路径。
• border-image-width
  规定边框图像的宽度。
• border-left
  所有 border-left-* 属性的简写属性。
• border-left-color
  设置左边框的颜色。
• border-left-style
  设置左边框的样式。
• border-left-width
  设置左边框的宽度。
• border-radius
  四个 border-*-radius 属性的简写属性。
• border-right
  所有 border-right-* 属性的简写属性。
• border-right-color
  设置右边框的颜色。
• border-right-style
  设置右边框的样式。
• border-right-width
  设置右边框的宽度。
• border-spacing
  设置相邻单元格边框之间的距离。
• border-style
  设置四条边框的样式。
• border-top
  border-top-width、border-top-style 以及 border-top-color 的简写属性。
• border-top-color
  设置上边框的颜色。
• border-top-left-radius
  定义左上角的边框圆角。
• border-top-right-radius
  定义右上角的边框圆角。
• border-top-style
  设置上边框的样式。
• border-top-width
  设置上边框的宽度。
• border-width
  设置四条边框的宽度。
• bottom
  设置元素相对于其父元素底部的位置。
• box-decoration-break
  设置元素在分页符处的背景和边框的行为，或对于行内元素在换行符处的行为。
• box-shadow
  将一个或多个阴影附加到元素。
• box-sizing
  定义元素的宽度和高度的计算方式：它们是否应包含内边距和边框。
• break-after
  规定指定元素之后是否应出现 page-、column- 或 region-break。
• break-before
  规定指定元素之前是否应出现 page-、column- 或 region-break。
• break-inside
  规定指定元素内部是否应出现 page-、column- 或 region-break。

开头为：C

• caption-side
  规定表格标题的放置方式。
• caret-color
  规定光标在 input、textarea 或任何可编辑元素中的颜色。
• @charset
  规定样式表中使用的字符编码。
• clear
  规定不允许在元素的哪一侧浮动元素
• clip
  剪裁绝对定位的元素。
• clip-path
  将元素裁剪为基本形状或 SVG 源。
• color
  设置文本的颜色。
• column-count
  规定元素应分为的列数。
• column-fill
  指定如何填充列（是否 balanced）。
• column-gap
  规定列间隙。
• column-rule
  所有 column-rule-* 属性的简写属性。
• column-rule-color
  规定列之间规则的颜色。
• column-rule-style
  规定列之间的规则样式。
• column-rule-width
  规定列之间的规则宽度。
• column-span
  规定元素应该跨越多少列。
• column-width
  规定列宽度。
• columns
  column-width 和 column-count 的简写属性。
• content
  与 :before 和 :after 伪元素一起使用，来插入生成的内容。
• counter-increment
  增加或减少一个或多个 CSS 计数器的值。
• counter-reset
  创建或重置一个或多个 CSS 计数器。
• cursor
  规定当指向元素时要显示的鼠标光标。

开头为：D

• direction
  规定文本方向/书写方向。
• display
  规定如何显示某个 HTML 元素。

开头为：E

• empty-cells
  规定是否在表格中的空白单元格上显示边框和背景。

开头为：F

• filter
  定义元素显示之前的效果（例如，模糊或颜色偏移）。
• flex
  flex-grow、flex-shrink 以及 flex-basis 的简写属性。
• flex-basis
  规定弹性项目的初始长度。
• flex-direction
  规定弹性项目的方向。
• flex-flow
  flex-direction 和 flex-wrap 的简写属性。
• flex-grow
  规定项目相对于其余项目的增量。
• flex-shrink
  规定项目相对于其余项目的减量。
• flex-wrap
  规定弹性项目是否应该换行。
• float
  规定是否应该对盒（box）进行浮动。
• font
  font-style、font-variant、font-weight、font-size/line-height 以及 font-family 的简写属性。
• @font-face
  允许网站下载和使用 “web-safe” 字体以外的其他字体的规则。
• font-family
  规定文本的字体族（字体系列）。
• font-feature-settings
  允许控制 OpenType 字体中的高级印刷特性。
• @font-feature-values
  允许创作者使用 font-variant-alternate 中的通用名来实现在 OpenType 中以不同方式激活的特性。
• font-kerning
  控制字距调整信息的使用（字母间距）。
• font-language-override
  控制特定语言的字形在字体的使用。
• font-size
  规定文本的字体大小。
• font-size-adjust
  保持发生字体回退时的可读性。
• font-stretch
  从字体系列中选择一个普通的、压缩的或扩展的字体。
• font-style
  规定文本的字体样式。
• font-synthesis
  控制哪些缺失的字体（粗体或斜体）可以由浏览器合成。
• font-variant
  规定是否应该以小型大写字体显示文本。
• font-variant-alternates
  控制与 @font-feature-values 中定义的备用名称关联的备用字形的使用。
• font-variant-caps
  控制大写字母的备用字形的使用。
• font-variant-east-asian
  控制东亚文字（例如中文和日语）的备用字形的使用。
• font-variant-ligatures
  控制在适用于元素的文本内容中使用哪些连字和上下文形式。
• font-variant-numeric
  控制数字、分数和序号标记的备用字形的使用。
• font-variant-position
  控制较小字体的替代字形的使用，这些字形相对于字体基线定位为上标或下标。
• font-weight
  规定字体的粗细。

开头为：G

• grid
  grid-template-rows、grid-template-columns、grid-template-areas、grid-auto-rows、grid-auto-columns 以及 grid-auto-flow 属性的简写属性。
• grid-area
  即可规定网格项的名称，也可以是 grid-row-start、grid-column-start、grid-row-end 以及 grid-column-end 属性的简写属性。
• grid-auto-columns
  规定默认的列尺寸。
• grid-auto-flow
  规定如何在网格中插入自动放置的项目。
• grid-auto-rows
  规定默认的行尺寸。
• grid-column
  grid-column-start 和 grid-column-end 属性的简写属性。
• grid-column-end
  规定如何结束网格项目。
• grid-column-gap
  规定列间隙的尺寸。
• grid-column-start
  规定网格项目从何处开始。
• grid-gap
  grid-row-gap 和 grid-column-gap 的简写属性。
• grid-row
  grid-row-start 和 grid-row-end 属性的简写属性。
• grid-row-end
  规定网格项目在何处结束。
• grid-row-gap
  规定列间隙的尺寸。
• grid-row-start
  规定网格项目从何处开始。
• grid-template
  grid-template-rows、grid-template-columns 以及 grid-areas 属性的简写属性。
• grid-template-areas
  规定如何使用命名的网格项显示列和行。
• grid-template-columns
  指定列的尺寸以及网格布局中的列数。
• grid-template-rows
  指定网格布局中的行的尺寸。

开头为：H

• hanging-punctuation
  规定是否可以在行框外放置标点符号。
• height
  设置元素的高度。
• hyphens
  设置如何分割单词以改善段落的布局。

开头为：I

• image-rendering
  当图像被缩放时，向浏览器提供关于保留图像的哪些最重要的方面的信息。
• @import
  允许您将样式表导入另一张样式表。
• isolation
  定义元素是否必须创建新的堆叠内容。

开头为：J

• justify-content
  规定项目在弹性容器内的对齐方式，当项目未用到所有可用空间时。

开头为：K

• @keyframes
  规定动画代码。

开头为：L

• left
  规定定位元素的左侧位置。
• letter-spacing
  增加或减少文本中的字符间距。
• line-break
  如何如何/是否换行。
• line-height
  设置行高。
• list-style
  在一条声明中设置所有列表属性。
• list-style-image
  把图像指定为列表项标记。
• list-style-position
  规定列表项标记的位置。
• list-style-type
  规定列表项标记的类型。

开头为：M

• margin
  在一条声明中设置所有外边距属性。
• margin-bottom
  设置元素的下外边距。
• margin-left
  设置元素的左外边距。
• margin-right
  设置元素的右外边距。
• margin-top
  设置元素的上外边距。
• mask
  通过在特定位置遮罩或剪切图像来隐藏元素。
• mask-type
  规定将遮罩元素用作亮度或 Alpha 遮罩。
• max-height
  设置元素的最大高度。
• max-width
  设置元素的最大宽度。
• @media
  为不同的媒体类型、设备、尺寸设置样式规则。
• min-height
  设置元素的最小高度。
• min-width
  设置元素的最小宽度。
• mix-blend-mode
  规定元素内容应如何与其直接父的背景相混合。

开头为：O

• object-fit
  规定替换元素的内容应如何适合其所用高度和宽度建立的框。
• object-position
  指定替换元素在其框内的对齐方式。
• opacity
  设置元素的不透明等级。
• order
  设置弹性项目相对于其余项目的顺序。
• orphans
  设置在元素内发生分页时必须保留在页面底部的最小行数。
• outline
  outline-width、outline-style 以及 outline-color 属性的简写属性。
• outline-color
  设置轮廓的颜色。
• outline-offset
  对轮廓进行偏移，并将其绘制到边框边缘之外。
• outline-style
  设置轮廓的样式。
• outline-width
  设置轮廓的宽度。
• overflow
  规定如果内容溢出元素框会发生什么情况。
• overflow-wrap
  规定浏览器是否可能为了防止溢出而在单词内折行（当字符串太长而无法适应其包含框时）。
• overflow-x
  规定是否剪裁内容的左右边缘，如果它溢出了元素的内容区域。
• overflow-y
  规定是否剪裁内容的上下边缘，如果它溢出了元素的内容区域。

开头为：P

• padding
  所有 padding-* 属性的简写属性。
• padding-bottom
  设置元素的下内边距。
• padding-left
  设置元素的左内边距。
• padding-right
  设置元素的右内边距。
• padding-top
  设置元素的上内边距。
• page-break-after
  设置元素之后的分页（page-break）行为。
• page-break-before
  设置元素之前的分页（page-break）行为。
• page-break-inside
  设置元素内的分页（page-break）行为。
• perspective
  为 3D 定位元素提供透视。
• perspective-origin
  定义用户观看 3D 定位元素的位置。
• pointer-events
  定义元素是否对指针事件做出反应。
• position
  规定用于元素的定位方法的类型（静态、相对、绝对或固定）。

开头为：Q

• quotes
  设置引号类型。

开头为：R

• resize
  定义用户是否以及如何调整元素的尺寸。
• right
  规定定位元素的左侧位置。

开头为：S

• scroll-behavior
  规定可滚动框中是否平滑地滚动，而不是直接跳跃。

开头为：T

• tab-size
  规定制表符的宽度。
• table-layout
  定义用于对单元格、行和列进行布局的算法。
• text-align
  规定文本的水平对齐方式。
• text-align-last
  描述当 text-align 为 “justify” 时，如何在强制换行之前对齐块或行的最后一行。
• text-combine-upright
  将多个字符组合到到单个字符的空间中。
• text-decoration
  规定文本装饰。
• text-decoration-color
  规定文本装饰（text-decoration）的颜色。
• text-decoration-line
  规定文本装饰（text-decoration）中的的行类型。
• text-decoration-style
  规定文本装饰（text-decoration）中的行样式。
• text-indent
  规定文本块（text-block）中的的首行缩进。
• text-justify
  规定当 text-align 为 “justify” 时使用的对齐方法。
• text-orientation
  定义行中的文本方向。
• text-overflow
  规定当文本溢出包含元素时应该发生的情况。
• text-shadow
  添加文本阴影。
• text-transform
  控制文本的大写。
• text-underline-position
  规定使用 text-decoration 属性设置的下划线的位置。
• top
  规定定位元素的顶端位置。
• transform
  向元素应用 2D 或 3D 转换。
• transform-origin
  允许您更改转换元素的位置。
• transform-style
  规定如何在 3D 空间中渲染嵌套的元素。
• transition
  所有 transition-* 属性的简写属性。
• transition-delay
  规定合适开始过渡效果。
• transition-duration
  规定完成过渡效果所需的秒或毫秒数。
• transition-property
  规定过渡效果对应的 CSS 属性的名称。
• transition-timing-function
  规定过渡效果的速度曲线。

开头为：U

• unicode-bidi
  与 direction 属性一起使用，设置或返回是否应覆写文本来支持同一文档中的多种语言。
• user-select
  规定是否能选取元素的文本。

开头为：V

• vertical-align
  设置元素的垂直对齐方式。
• visibility
  规定元素是否可见。

开头为：W

• white-space
  规定如何处理元素内的空白字符。
• widows
  设置如果元素内发生分页，必须在页面顶部保留的最小行数。
• width
  设置元素的宽度。
• word-break
  规定单词到达行末后如何换行。
• word-spacing
  增加或减少文本中的单词间距。
• word-wrap
  允许长的、不能折行的单词换到下一行。
• writing-mode
  规定文本行是水平还是垂直布局。

开头为：Z

• z-index
  设置定位元素的堆叠顺序。