CSS - 所有属性列表

---

---

这个面向 Web 开发人员的综合参考包括 万维网联合会 （World Wide Web Consortium） 对级联样式表的推荐规范。

以下是按字母顺序排列的所有 CSS 属性的列表。

A

属性	描述
accent-color	为用户界面上的控件设置高亮颜色。
align-content	指定柔性线在柔性容器内沿其交叉轴或网格的块轴分布的方式。
align-items	描述柔性容器内的对象应如何对齐。
align-self	定义柔性容器内的选定对象应如何对齐。
all	重置除 unicode-bidi 和 direction 之外的所有属性。
animation	在样式之间应用动画。所有动画属性的简写。
animation-delay	定义动画开始前的暂停。.
animation-direction	指定动画是应以反向、正向还是交替循环播放。.
animation-duration	指示动画完成一个周期应花费的时间。.
animation-fill-mode	定义在动画之前和之后应用于目标元素的样式。.
animation-iteration-count	定义动画应播放的次数。.
animation-name	为@keyframes动画命名。.
animation-play-state	指定动画是正在运行还是暂停。
animation-timing-function	给出动画的速度曲线规格
aspect-ratio	定义元素所需的纵横比。.

B

属性	描述
backdrop-filter	定义对元素后面空间的视觉影响。.
backface-visibility	指定在面对用户时是否应显示元素的背面
background	所有背景样式属性的简写属性。
background-attachment	确定背景图片是固定的还是随页面滚动的。
background-blend-mode	设置背景图像相互混合的方式以及与背景颜色的混合方式。
background-clip	定义元素中背景的扩展。.
background-color	定义元素背景的颜色。
background-image	设置元素的背景图像。
background-origin	描述背景图像原点的位置。
background-position	设置背景图像的起始位置。.
background-position-x	设置背景图像在 x 轴上的位置。
background-position-y	设置背景图像在 y 轴上的位置。
background-repeat	确定是否以及如何重复背景图像。
background-size	定义背景图像的尺寸。
border	设置元素的边框。
border-block	用于设置逻辑块边框属性值的简写。
border-block-color	定义开始和结束处块方向上的边框颜色。
border-block-end	用于设置逻辑块结束边框属性的简写属性。
border-block-end-color	定义元素的逻辑块端边框的颜色。
border-block-end-style	定义元素的逻辑块端边界的样式。
border-block-end-width	定义元素的逻辑块端边界的宽度。
border-block-start	用于设置逻辑块开始边界属性的简写属性。
border-block-start-color	定义元素的逻辑块开始边界的颜色。
border-block-start-style	定义元素的逻辑块开始边框的样式。
border-block-start-width	定义元素的逻辑块开始边界的宽度。
border-block-style	定义元素的逻辑块边框的样式。
border-block-width	定义元素的逻辑块边界的宽度。
border-bottom	设置元素的下边框。
border-bottom-color	设置元素的底部边框的颜色。
border-bottom-left-radius	对元素的左下角进行舍圆。
border-bottom-right-radius	对元素的右下角进行舍圆。
border-bottom-style	设置底部边框的样式。
border-bottom-width	设置底部边框的宽度。
border-collapse	指定是否应将表的边框分割或折叠为单个边框。
border-color	设置边框的颜色。
border-end-end-radius	定义元素上的逻辑边框半径。
border-end-start-radius	定义元素上的逻辑边框半径。
border-image	将图像设置为元素的边框。
border-image-outset	定义边框图像区域超出边框框的面积。
border-image-repeat	指定边框图像是拉伸、倒圆角还是重复。
border-image-slice	将边框图像划分为多个区域。
border-image-source	定义将用作边框的图像的路径。
border-image-width	设置边框图像的宽度。
border-inline	用于设置各个逻辑内联边框属性值的简写属性。.
border-inline-color	定义元素的逻辑内联边框的颜色。
border-inline-end	用于设置逻辑内联结束边框属性值的简写属性。
border-inline-end-color	设置逻辑内联结束边框的颜色
border-inline-end-style	设置逻辑内联结束边框的样式。
border-inline-end-width	设置逻辑内联结束边框的宽度。
border-inline-start	用于设置逻辑内联开始边框属性值的简写属性。
border-inline-start-color	设置逻辑内联开始边框的颜色。
border-inline-start-style	设置逻辑内联开始边框的样式。
border-inline-start-width	设置逻辑内联开始边框的宽度。
border-inline-style	定义元素的逻辑内联边框的样式。.
border-inline-width	定义元素的逻辑内联边框的宽度。
border-left	用于设置元素左边框的所有属性的简写。.
border-left-color	定义元素左边框的颜色。.
border-left-style	定义元素左边框的样式。.
border-left-width	定义元素左边框的宽度。.
border-radius	对元素的外边框边缘的角进行倒圆角。.
border-right	用于设置元素右边框的所有属性的简写。.
border-right-color	定义元素右边框的颜色。.
border-right-style	定义元素右边框的样式。.
border-right-width	定义元素右边框的宽度。.
border-spacing	定义表中相邻单元格的边界之间的距离。
border-start-end-radius	定义元素上的逻辑边界半径，位于块开始侧和内联结束侧之间。
border-start-start-radius	定义元素上的逻辑边界半径，位于块开始侧和内联启动侧之间。
border-style	设置元素边框的所有四条边的线条样式。
border-top	简写属性：设置元素上边框的所有属性。
border-top-color	定义顶部边框的颜色。
border-bottom-left-radius	对元素的左上角进行圆舍。
border-top-right-radius	对元素的右上角进行舍圆。.
border-top-style	设置元素上边框的线条样式。.
border-top-width	设置元素的上边框的宽度。
border-width	设置元素边框的宽度。.
bottom	设置元素的垂直位置。.
box-decoration-break	定义元素的边框和背景在分页符期间的行为方式，或者在内联元素的情况下，在换行符时的行为方式。
box-shadow	在元素周围添加阴影效果。
box-sizing	设置方式，计算元素的总宽度和高度。
break-after	定义给定元素后应跟页面、列或区域分隔符。
break-before	定义区域、分页符或分列符是否应位于给定元素之前。
break-inside	定义给定元素内部是否应有页面、列或区域分隔符。

C

属性	描述
caption-side	定义表格标题的位置。
caret-color	定义文本区域、输入字段和其他元素中可编辑光标（插入符号）的颜色。
@charset	提供有关样式表使用的字符编码的详细信息。
clear	定义浮动元素旁边的元素的行为。
clip	剪辑精确定位的元素。
clip-path	创建一个剪切区域，用于设置要显示的元素部分。
color	定义文本的前景色。
column-count	定义元素应划分为的列数。
column-fill	控制元素的内容并将其分解为列。
column-gap	定义列之间存在的间隙的大小。
column-rule	用于设置在列之间绘制的线的颜色、样式和宽度的简写属性。
column-rule-color	定义在列之间显示的规则的颜色。
column-rule-style	在列之间定义规则的样式。
column-rule-width	定义规则在列之间的宽度。
column-span	定义元素应跨越的列数。
column-width	定义列的宽度。
columns	用于设置列的宽度和计数的简写属性。
content	用生成的值替换内容。
counter-increment	用于增加或减少命名 CSS 计数器的值。
counter-reset	创建命名的 CSS 计数器并初始化它们的特定值。
counter-set	为 CSS 计数器设置给定值。
cursor	定义在指向某个项目时将显示的鼠标指针。

D

属性	描述
direction	设置文本、表格列和水平溢出的方向。
display	定义特定 HTML 元素的显示方法。

E

属性	描述
empty-cells	定义是否在表格中的空单元格上显示边框和背景。

F

属性	描述
filter	将图形效果应用于元素。
flex	设置 Flex 项是增大还是缩小的简写属性。
flex-basis	定义柔性对象的起始长度。
flex-direction	定义柔性容器中柔性元素的方向。
flex-flow	指定 Flex 容器的方向和包装行为的简写属性。
flex-grow	定义项与其他项相比将增长的程度。
flex-shrink	定义项目相对于其他项目的收缩。
flex-wrap	定义是否需要包裹柔性元素。
float	将元素放置在其容器的左侧或右侧。
font	用于设置所有字体相关属性的简写属性。
@font-face	允许网站下载和使用网络安全字体以外的字体的规则。
font-family	定义文本的字体系列。
font-feature-settings	使用户能够控制 OpenType 字体的复杂排版功能。
font-kerning	确定如何使用字距调整信息，即字母之间的间距。
font-language-override	确定在字体中使用特定语言所特有的字形。
font-size	确定文本的字体大小。
font-size-adjust	在字体回退的情况下保持文本的可读性。
font-strech	选择字体的标准字体、压缩字体或扩展字体。
font-style	设置文本的字体样式。
font-synthesis	确定浏览器是否应合成字体系列中缺少的样式。.
font-variant	设置字体的所有字体变体。
font-variant-alternate	控制备用字形的使用。
font-variant-caps	控制用于小写字母的备用字形的使用。
font-variant-east-asian	规范东亚文字（如中文和日文）的替代字形的使用。
font-variant-ligatutes	规范上下文形式和连字的使用。
font-variant-numeric	规范序数标记、分数和整数的不同字形的使用。
font-variant-position	规范定位为上标或下标的较小备用字形的使用。
font-weight	指定字体的粗细。

G

属性	描述
gap	设置行和列间隙的简写属性。
grid	用于在一个声明中设置所有与网格相关的属性的简写属性。
grid-area	指定网格项的大小和在网格内的位置的简写属性。
grid-auto-columns	定义列的默认大小。
grid-auto-flow	定义网格的自动放置项插入过程。
grid-auto-rows	定义默认行大小。
grid-column	指定网格项在网格列中的大小和位置的简写属性。
grid-column-end	定义网格列中网格项的终点。
grid-column-start	定义网格列中网格项的起点。
grid-row	指定网格项在网格行中的大小和位置的简写属性。
grid-row-end	指定网格行中网格项的终点。
grid-row-gap	根据大小定义行之间的间距。
grid-row-start	指定网格行中网格项的起始点。
grid-template	指定与网格列、网格行和网格区域相关的属性的简写属性。
grid-template-areas	定义命名网格项及其在显示列和行中的用法。
grid-template-columns	定义网格布局中列的数量和大小。
grid-template-rows	定义网格布局中行的大小。

G

属性	描述
height	定义元素的高度。
hyphens	定义如何划分单词以增强文本布局。
hyphenate-character	设置将在行尾的连字符分隔符之前使用的字符。

I

属性	描述
image-rendering	定义要使用的图像缩放方法的类型。
@import	便于将一个样式表导入到另一个样式表中。
inline-size	定义元素块的水平和垂直大小。
inset	指示元素与其父元素之间的距离。
inset-block	定义元素的逻辑块开始和结束偏移。
inset-block-end	定义元素的逻辑块端偏移。
inset-block-start	定义元素的逻辑块起始偏移量。
inset-inline	定义元素在内联方向上的逻辑开始和结束偏移。
inset-inline-end	定义元素的端部与其父元素之间在内联方向上测量的距离。
inset-inline-start	定义元素的起始元素与其父元素之间的距离（在内联方向上测量）。
isolation	定义元素是否必须创建新的堆叠内容。

J

属性	描述
justify-content	定义如何在 Flex 和 Grid 容器中的内容项之间和周围分配空间。
justify-items	定义网格元素应如何沿网格容器内的水平轴对齐。
justify-self	定义网格项应如何在位于网格容器内的内联方向上对齐。

K

属性	描述
@keyframes	定义用于动画或过渡的一组关键帧。

L

属性	描述
left	定义元素的水平位置。
letter-spacing	设置文本字符之间的水平间距。
line-break	定义是否以及如何断开东亚文字的行。
line-height	定义线框的高度。
list-style	用于在单个声明中设置所有列表样式属性。
list-style-image	将图像设置为列表项标记。
list-style-position	设置标记在列表中的位置。
list-style-type	定义列表项标记的种类。

M

属性	描述
margin	用于设置元素所有四条边的边距。
margin-block	定义元素的逻辑块开始和结束边距的速记属性。
margin-block-end	定义元素的逻辑块结束边距。
margin-block-start	定义元素的逻辑块起始边距。
margin-bottom	设置元素底部的边距区域。
margin-inline	定义元素的逻辑内联开始边距和结束边距。
margin-inline-end	定义元素的逻辑内联结束边距。
margin-inline-start	定义元素的逻辑内联 strat 边距。
margin-left	设置元素左侧的边距区域。
margin-right	设置元素右侧的边距区域。
margin-top	设置元素顶部的边距。
mask	在特定点遮罩或剪裁图像以隐藏元素（部分或全部）。
mask-clip	确定掩膜覆盖的区域。
mask-composite	在执行合成操作后，显示位于当前蒙版层下方的蒙版层。
mask-image	设置要用作元素的蒙版层的图像。
mask-mode	定义是否应将 mask-image 给出的蒙版引用视为亮度蒙版还是 alpha 蒙版。
mask-origin	定义蒙版图像的原点。
mask-position	定义蒙版图像在元素中的位置。
mask-repeat	定义蒙版图像应如何在元素中重复。
mask-size	使用 mask-image 属性定义应用于元素的蒙版图像的大小。
mask-type	将 SVG <mask>元素设置为亮度或 Alpha 蒙版。
max-height	设置元素高度的上限。
max-width	设置元素宽度的上限。
@media	为特定媒体类型、设备和大小设置 CSS 样式规则。
max-block-size	设置元素在其写入方向相反的方向上的最大大小。
max-inline-size	定义元素块的水平或垂直最大大小。
min-block-size	根据元素的写入模式设置元素块的最小大小，可以水平还是垂直。
min-inline-size	定义元素块的最小水平或垂直大小。
min-height	设置元素高度的下限。
min-width	设置元素宽度的下限。
mix-blend-mode	定义元素的内容应如何与其父元素的内容和元素的背景混合。

O

属性	描述
object-fit	定义应如何调整图像或视频的大小或裁剪以适应其容器。
object-position	定义内容在具有定义大小的元素中的位置。
offset	速记属性，使元素更容易沿特定路径进行动画处理。
offset-anchor	定义元素在沿偏移路径行进的框内的移动位置。
offset-distance	定义沿偏移路径放置元素的位置。
offset-path	定义元素在其父容器或 SVG 坐标系内的路径。
offset-rotate	定义元素沿指定偏移路径移动时的方向或方向。
opacity	设置元素的透明度。
order	定义 flex 项在 flex 容器中的显示顺序。
orphans	定义页面、区域或列底部所需的最小行数，以防止换行符。
outline	设置元素周围轮廓的宽度、颜色和样式。
outline-color	设置元素周围轮廓的颜色。
outline-offset	定义轮廓和元素的边框边缘之间的空间。
outline-style	确定元素周围轮廓的样式。
outline-width	定义元素周围轮廓的宽度。
overflow	定义如何处理溢出其容器边界的内容。
overflow-anchor	提供一种方法来禁用浏览器的滚动锚定行为，该行为会调整滚动位置以减少内容移动。
overflow-wrap	允许浏览器将一行文本拆分为牢不可破的字符串，以防止内容溢出其容器。
overflow-clip-margin	定义内容在被剪裁之前可以溢出元素框的距离。
overflow-x	定义元素的内容将溢出到其左边距和右边距，以及水平溢出。
overflow-y	定义当块级元素的内容超过元素的顶部和底部边缘时如何显示。
overflow-block	定义当元素的内容超过其框的左右边界时的行为方式。
overflow-inline	定义溢出内容溢出元素的内联边缘时的显示方式。
overscroll-behavior	确定浏览器在到达滚动区域的边界时执行的操作。
overscroll-behavior-block	确定当到达滚动区域的块方向边界时浏览器的行为方式。
overscroll-behavior-inline	确定当到达滚动区域的内联方向边界时浏览器的行为方式。
overscroll-behavior-x	确定当达到滚动区域的水平边界时浏览器执行的操作。
overscroll-behavior-y	确定当达到滚动区域的垂直边界时浏览器执行的操作。

P

属性	描述
padding	定义元素所有边的填充的速记属性。
padding-block	确定元素的逻辑块开始和结束填充。
padding-block-end	确定元素的逻辑块端填充。
padding-block-start	设置元素底部填充的宽度。
padding-bottom	设置元素底部填充的宽度。
padding-inline	确定元素的逻辑内联开始和结束填充。
padding-inline-end	确定元素的逻辑内联结束填充。
padding-inline-start	用于创建自定义计数器样式。
padding-left	设置元素左侧的填充空间。
padding-right	设置元素右侧的填充空间。
padding-top	设置元素顶部的填充空间。
perspective	定义 z=0 平面与用户之间的距离。
perspective-origin	定义查看者/用户正在查看的位置。
place-content	同时对齐块（列）轴和内联（行）轴中的内容。
place-items	沿块（列）轴和内联（行）轴对齐网格和 flexbox 容器中的项。
place-self	同时在块方向和内联方向对齐各个项目。
pointer-events	确定元素是否接收指针事件。
position	定义元素在网页上的位置。

Q

属性	描述
quotes	定义用于嵌入引号的引号样式。

R

属性	描述
resize	定义用户是否可以以及如何调整元素的大小。
right	控制元素的水平位置
rotate	定义元素的旋转方式。
row-gap	定义网格行之间的间距。

S

属性	描述
scale	指定元素的尺度变换，与变换属性无关。
scroll-behavior	定义当用户单击链接或使用滚动条时浏览器滚动的流畅程度。
scroll-margin	定义捕捉区域内元素的边距。
scroll-margin-block	用于定义块轴处滚动捕捉区域的边距。
scroll-margin-block-end	定义块轴末端的滚动捕捉区域的边距。
scroll-margin-block-start	定义块轴起点处滚动捕捉区域的边距。
scroll-margin-bottom	定义滚动容器底部的边距。
scroll-margin-inline	设置线（水平轴）尺寸中元素的滚动边距。
scroll-margin-inline-end	定义水平尺寸末端的滚动捕捉区域的边距。
scroll-margin-inline-start	定义水平尺寸开始时滚动捕捉区域的边距。
scroll-margin-bottom	定义元素的滚动捕捉区域的下边距。
scroll-margin-left	定义元素的滚动捕捉区域的左边距。
scroll-margin-top	定义元素的滚动捕捉区域的上边距。
scroll-margin-right	定义元素的滚动捕捉区域的右边距。
scroll-padding	定义滚动容器边缘与滚动停止后卡入到位的元素区域之间的滚动填充。
scroll-padding-block	定义块维度中元素的滚动填充。
scroll-padding-block-start	定义块维度中元素的滚动填充的起始边缘的偏移量。
scroll-padding-block-end	定义块维度中元素的滚动填充的端边的偏移量。
scroll-padding-bottom	定义元素的滚动捕捉区域的底部偏移量。
scroll-padding-left	定义滚动容器的左边缘与元素的滚动捕捉区域之间的空间量。
scroll-padding-right	定义滚动容器的右边缘与滚动容器的滚动捕捉区域之间的空间量 元素。
scroll-padding-top	定义元素的滚动捕捉区域的顶部偏移量。
scroll-padding-inline	定义内联维度中元素的滚动填充。
scroll-padding-inline-start	在内联维度中定义 scrollport 的起始边缘的偏移量。
scroll-padding-inline-end	定义 scrollport 的端边在内联维度中的偏移量。.
scroll-snap-align	定义贴靠元素在其贴靠容器中的位置。
scroll-snap-shot	确定滚动容器是滚动过去还是停留在最近的对齐位置。
scroll-snap-type	定义滚动容器如何捕捉到对齐位置。
scrollbar-color	定义滚动条轨道和缩略图的颜色。
scrollbar-width	用于设置滚动条、轨道和缩略图的宽度样式。
scrollbar-gutter	它有助于为滚动条创建一个固定的空间。
shape-image-threshold	指定在使用具有 shape-outside 属性的图像时用于形状提取的 Alpha 通道阈值。
shape-margin	定义指定 CSS 形状周围的边距。
shape-outside	定义内联内容应围绕该形状包装的形状。

T

属性	描述
tab-size	定义元素中制表符的宽度。
table-layout	定义单元格、行和列的显示方式。
text-align	定义文本与页面边距的对齐方式。
text-align-last	设置块或行的最后一行在强制换行符之前的对齐方式。
text-combine-upright	定义如何将多个字符放入单个字符的区域中。
text-decoration	定义添加到文本的修饰。
text-decoration-color	定义文本修饰的颜色。
text-decoration-line	用于在文本中添加修饰行。
text-decoration-style	用于为文本装饰行添加样式。
text-decoration-thickness	用于增加文字修饰线的粗细。
text-emphasis	用于向文本添加强调的速记属性。
text-emphasis-color	用于设置文本周围强调标记的颜色。
text-emphasis-position	用于设置强调标记在文本周围的位置。
text-emphasis-style	定义强调标记的外观。
text-indent	定义文本第一行的缩进。
text-orientation	定义行中文本字符的方向。
text-overflow	控制如何向用户显示隐藏的溢出内容。
text-shadow	用于向文本添加阴影效果。
text-transform	通过以各种方式转换文本来更改文本的外观。
text-underline-offset	定义下划线文本修饰行距其初始位置的距离。
text-underline-position	定义下划线文本修饰的位置。
top	定义元素相对于其包含元素的垂直位置。
transform	它在元素的旋转、缩放、倾斜或平移中很有用。
transform-box	定义与转换属性相关的布局框。
transform-origin	帮助设置元素转换的原点。
transform-style	定义嵌套项的 3D 空间呈现。
transition	用作每个过渡属性的简写。
transition-delay	定义在开始过渡效果之前等待的时间量
transition-duration	定义过渡动画完成所需的时间。
transition-property	定义应应用过渡效果的 CSS 属性。
transition-timing-function	定义过渡效果的速度曲线。
translate	允许您沿 X、Y 和 Z 轴移动元素。

U

属性	描述
unicode-bidi	控制双向文本在文档中的显示方式。
user-select	确定用户是否可以选择文本。

V

属性	描述
vertical-align	定义元素的垂直对齐方式。
visibilty	定义是否需要在不更改文档布局的情况下显示或隐藏元素。

W

属性	描述
white-space	定义元素中文本内部的空白流。.
widows	定义页面或列必须在顶部留出多少行。
width	定义元素内容区域的宽度。
word-break	定义单词在超过元素的可用宽度时应如何断开或换行。
word-spacing	定义文本中单词之间的间距。
writing-mode	定义文本是应垂直显示还是水平显示。

Z

属性	描述
z-index	控制网页中元素的堆叠顺序。