Css 简明教程
CSS - References
此综合参考材料适用于网络开发者，其中包括由万维网联盟推荐的层叠样式表规范中所规定的所有 CSS 属性列表。
以下是按字母顺序排列的所有 CSS 属性列表。
Property |
Description |
设置用户界面控件的高亮显示颜色。 |
|
指定 flex 行在 flex 容器中沿着其交叉轴或网格块轴的分布方式。 |
|
描述可伸缩容器内对象的排列方式。 |
|
定义可伸缩容器内所选对象的排列方式。 |
|
重置除 unicode-bidi 和 direction 之外所有属性。 |
|
在样式之间应用动画效果。所有动画属性的简化表示。 |
|
定义动画开始前的一个停顿。 |
|
指定动画是应反向播放、正向播放还是交替循环播放。 |
|
指示动画完成一个循环所需的时间。 |
|
定义在动画前和动画后应用于目标元素的样式。 |
|
定义动画应播放的次数。 |
|
给予 @keyframes 动画一个名称。 |
|
指定动画是正在运行还是暂停。 |
|
给出动画的速度曲线规范。 |
|
定义元素的理想纵横比。 |
Property |
Description |
定义元素后方空间的视觉冲击效果。 |
|
指明用户面向元素时，是否应显示元素的背面。 |
|
所有背景样式属性的简写属性。 |
|
确定背景图片是固定显示还是随页面滚动显示。 |
|
规定背景图像彼此之间的混合方式，以及与背景颜色之间的混合方式。 |
|
定义元素中背景的延伸范围。 |
|
定义元素背景的颜色。 |
|
为元素设定背景图像。 |
|
描述背景图像原点的所在位置。 |
|
设定背景图像的起始位置。 |
|
设定背景图像在 x 轴上的位置。 |
|
设定背景图像在 y 轴上的位置。 |
|
确定是否以及如何重复背景图像。 |
|
定义背景图像的尺寸。 |
|
设定元素的边框。 |
|
用于设定逻辑块边框属性值的简写属性。 |
|
定义块方向上开始和结束处的边框颜色。 |
|
用于设定逻辑块结束边框属性的简写属性。 |
|
定义元素逻辑块结束边框的颜色。 |
|
定义元素逻辑块结束边框的样式。 |
|
定义元素的逻辑块末端边框的宽度。 |
|
设置逻辑块起始边框属性的简写属性。 |
|
定义元素的逻辑块起始边框的颜色。 |
|
定义元素的逻辑块起始边框的样式。 |
|
定义元素的逻辑块起始边框的宽度。 |
|
定义元素的逻辑块边框的样式。 |
|
定义元素的逻辑块边框的宽度。 |
|
简写属性，设置元素的下边框。 |
|
设置元素下边框的颜色。 |
|
圆化元素的左下角。 |
|
圆化元素的右下角。 |
|
设置下边框的样式。 |
|
设置下边框的宽度。 |
|
指定表格的边框应划分为单个边框还是折叠成单个边框。 |
|
设置边框的颜色。 |
|
在元素上定义逻辑边框半径。 |
|
在元素上定义逻辑边框半径。 |
|
将图像设置为元素的边框。 |
|
定义多少边框图像区域超出边框框。 |
|
指定边框图像应拉伸、圆化还是重复。 |
|
边框图像划分为区域。 |
|
定义将用作边框的图像路径。 |
|
设置边框图像的宽度。 |
|
用于设置各个 inline 实线边框属性值的简写属性。 |
|
定义元素的 inline 实线边框的颜色。 |
|
用于设置 inline 实线边框属性值（结束）的简写属性。 |
|
设置 inline 实线边框（结束）的颜色。 |
|
设置 inline 实线边框（结束）的样式。 |
|
设置 inline 实线边框（结束）的宽度。 |
|
用于设置 inline 实线边框属性值（开始）的简写属性。 |
|
设置 inline 实线边框（开始）的颜色。 |
|
设置 inline 实线边框（开始）的样式。 |
|
设置 inline 实线边框（开始）的宽度。 |
|
定义元素的 inline 实线边框的样式。 |
|
定义元素 inline 实线边框的宽度。 |
|
设置元素左边框所有属性的简写形式。 |
|
定义元素左边框的颜色。 |
|
定义元素左边框的样式。 |
|
定义元素左边框的宽度。 |
|
为元素的外边框边角增加圆角。 |
|
设置元素右边的全部属性的速记。 |
|
定义元素右边框的颜色。 |
|
定义元素右边框的样式。 |
|
定义元素右边框的宽度。 |
|
定义表格中相邻单元格之间的距离。 |
|
在元素上定义逻辑边框半径，即从块开始到内联结束两边之间的距离。 |
|
在元素上定义逻辑边框半径，即从块开始到内联开始两边之间的距离。 |
|
为元素边框的全部四边设置线型。 |
|
为元素顶部边框的全部属性设置速记。 |
|
定义顶部边框的颜色。 |
|
在元素上设置左上角圆角。 |
|
在元素上设置右上角圆角。 |
|
设置元素顶部边框的线型。 |
|
设置元素顶部边框的宽度。 |
|
设置元素边框的宽度。 |
|
设置元素的垂直位置。 |
|
定义元素的边框和背景在分页期间或在内联元素中，在换行期间的行为方式。 |
|
在元素周围添加阴影效果。 |
|
设置元素的总宽度和高度的计算方式。 |
|
定义给定的元素后面是否应紧跟分页符、列分隔符或区域分隔符。 |
|
定义区域、页面或列分隔符是否应出现在给定元素之前。 |
|
定义给定的元素内部是否应包含分页符、列分隔符或区域分隔符。 |
Property |
Description |
定义表格标题的位置。 |
|
定义文本区域、输入字段及其他元素中可编辑光标（插入符号）的颜色。 |
|
提供有关样式表使用的字符编码的详细信息。 |
|
定义浮动元素旁边元素的行为。 |
|
剪辑精确定位的元素。 |
|
创建一个剪辑区域，以设置要显示的元素部分。 |
|
定义文本的前景色。 |
|
定义元素应划分的列数。 |
|
控制元素的内容，并将其拆分成多列。 |
|
定义列之间的间距大小。 |
|
用于设置列之间绘制的线条的颜色、样式和宽度的简写属性。 |
|
定义列之间的分割线颜色。 |
|
定义列之间的分割线样式。 |
|
定义列之间的分割线宽度。 |
|
定义元素跨越的列数。 |
|
定义列的宽度。 |
|
设置列的宽度和数量的简写属性。 |
|
替换内容为生成的值。 |
|
用于增加或减少指定 CSS 计数器的值。 |
|
创建指定的 CSS 计数器，并为它们初始化特定值。 |
|
设置特定值至 CSS 计数器。 |
|
定义将鼠标指向项目时显示的鼠标指针。 |
Property |
Description |
设置文本、表格列和水平溢出的方向。 |
|
定义特定 HTML 元素的显示方式。 |
Property |
Description |
定义在表格的空单元格中是否显示边框和背景。 |
Property |
Description |
将图形效果应用至元素。 |
|
简写属性，设置能否缩放 flex 项目。 |
|
定义可伸缩对象的起始长度。 |
|
定义 flex 容器中可伸缩元素的方向。 |
|
简写属性，用于指定 flex 容器的方向和换行行为。 |
|
定义项目与其他项目的相比增长程度。 |
|
定义项目相对于其他项目收缩量。 |
|
定义可伸缩元素是否需要换行。 |
|
将元素放置在其容器的左侧或右侧。 |
|
设置所有字体相关属性的简写属性。 |
|
允许网站下载和使用除网络安全字体之外的其他字体的规则。 |
|
定义文本的字体系列。 |
|
允许用户使用 OpenType 字体的复杂排版功能。 |
|
确定连字信息（字母之间的间距）的使用方式。 |
|
确定字体中如何使用特定于某种语言的字形。 |
|
确定文本的字体大小。 |
|
在字体后备情况下保留文本可读性。 |
|
选择字体的标准、窄体或宽体字样。 |
|
设置文本的字体样式。 |
|
确定浏览器是否应合成字体系列中缺少的样式。 |
|
设置字体的所有字体变体。 |
|
控制备用字形的用法。 |
|
控制小写大写备用字形的用法。 |
|
规范中日韩等东亚文字的备用字形用法。 |
|
规范上下文形式和连字的用法。 |
|
规范序数标记、分数和整数的不同字形用法。 |
|
规范定位为上标或下标的较小备用字形的用法。 |
|
指定字体的粗细。 |
Property |
Description |
设置行和列间距的简写属性。 |
|
在一个声明中设置所有网格相关属性的简写属性。 |
|
指定网格项在网格内的尺寸和位置的简写属性。 |
|
定义列的默认尺寸。 |
|
定义网格自动放置项目插入流程。 |
|
定义默认行大小。 |
|
指定网格项在网格列内的尺寸和位置的简写属性。 |
|
定义网格项目在网格列内的终点。 |
|
定义网格项目在网格列内的起点。 |
|
指定网格项在网格行内的尺寸和位置的简写属性。 |
|
指定网格项目在网格行内的终点。 |
|
按大小定义行之间的间隙。 |
|
指定网格项目在网格行内的起点。 |
|
指定与网格列、网格行和网格区域相关的属性的简写属性。 |
|
定义命名的网格项及其在显示列和行中的用法。 |
|
在网格布局中定义列的数量和大小。 |
|
定义网格布局中行的尺寸。 |
Property |
Description |
Defines an element’s height. |
|
定义如何分割单词以增强文本布局。 |
|
设置行尾连字符断行之前要使用的字符。 |
Property |
Description |
定义要使用的 image scaling 方法的类型。 |
|
帮助将一个样式表导入另一个。 |
|
定义元素块的水平和垂直大小。 |
|
指示元素与其父元素的距离。 |
|
定义元素的逻辑块开始和结束偏移量。 |
|
定义元素的逻辑块结束偏移量。 |
|
定义元素的逻辑块开始偏移量。 |
|
定义元素在内联方向的逻辑开始和结束偏移量。 |
|
定义根据内联方向来衡量元素的结束与父元素之间的距离。 |
|
定义根据内联方向来衡量元素的开始与其父元素之间的距离。 |
|
定义元素是否必须创建新的 stacking 内容。 |
Property |
Description |
定义如何在 flex 和 grid 容器中的内容元素之间和周围分配空间。 |
|
定义如何在网格容器内沿水平轴对齐网格元素。 |
|
定义如何在包含在网格容器内的网格元素中对齐内联方向。 |
Property |
Description |
定义一组用于动画或转换的关键帧。 |
Property |
Description |
定义元素的水平位置。 |
|
设置文本字符之间的水平间距。 |
|
定义如何中断东亚脚本的行以及是否中断。 |
|
定义行框的高度。 |
|
在单一的声明中设置所有列表样式属性的速记属性。 |
|
将图像设置为列表项标记。 |
|
设置标记在列表中的位置。 |
|
定义列表项标记的种类。 |
Property |
Description |
速记属性，用于设置一个元素四个方向上的边距。 |
|
速记属性，用于定义一个元素的逻辑块开始和结束边距。 |
|
定义一个元素的逻辑块结束边距。 |
|
定义一个元素的逻辑块开始边距。 |
|
设置一个元素底部的边距区域。 |
|
定义一个元素的逻辑块开始边距。 |
|
定义一个元素的逻辑内联开始和结束边距。 |
|
定义一个元素的逻辑内联结束边距。 |
|
定义一个元素的逻辑内联开始边距。 |
|
设置一个元素左侧的边距区域。 |
|
设置一个元素右侧的边距区域。 |
|
设置一个元素顶部边缘的边距。 |
|
在特定点屏蔽或裁剪图像以隐藏一个元素（部分或全部）。 |
|
确定掩码覆盖的区域。 |
|
在执行复合操作后显示当前蒙版层下面的蒙版层。 |
|
设置图像用作元素的蒙版层。 |
|
定义是否将 mask-image 给出的蒙版引用视为亮度蒙版或 alpha 蒙版。 |
|
定义蒙版图像的原点。 |
|
定义蒙版图像在元素中的位置。 |
|
定义蒙版图像如何在元素中重复。 |
|
定义使用 mask-image 属性应用于元素的蒙版图像的大小。 |
|
将 SVG <mask> 元素作为亮度蒙版或 alpha 蒙版。 |
|
对元素的高度设置上限。 |
|
设置元素宽度的上限。 |
|
对特定媒体类型、设备和尺寸设置 CSS 样式规则。 |
|
在与书写方向相反的方向上设置元素的最大尺寸。 |
|
定义元素块的水平或垂直最大尺寸。 |
|
基于其书写模式，为元素块设置最小水平或垂直尺寸。 |
|
定义元素块的最小水平或垂直尺寸。 |
|
对元素的高度设置下限。 |
|
设置元素宽度的下限。 |
|
定义元素内容如何与其父级内容和元素背景混合。 |
Property |
Description |
定义应该如何调整图像或视频的大小或裁剪图像或视频以使其适应其容器。 |
|
定义在具有已定义大小的元素中内容的位置。 |
|
简写属性，它使元素更易于沿着特定路径执行动画。 |
|
定义沿着 offset-path 平移的元素在盒子内的移动位置。 |
|
定义沿着 offset-path 应该放置元素的位置。 |
|
确定元素在其父容器或 SVG 坐标系内的路径。 |
|
定义元素在其沿指定的偏移路径移动时的方向或方向。 |
|
设置元素的透明度。 |
|
定义排列项目在排列容器中出现的顺序。 |
|
定义防止产生分页符所需的页面、区域或列底部行数最小值。 |
|
设置元素周围轮廓的宽度、颜色和样式。 |
|
设置元素周围轮廓的颜色。 |
|
定义轮廓和元素的边框边缘之间的空间。 |
|
确定元素周围轮廓的样式。 |
|
定义元素周围轮廓的宽度。 |
|
定义如何处理超出其容器边界的文本。 |
|
提供了一种禁用浏览器滚动锚定行为的方法，该方法调整滚动位置以减少内容移位。 |
|
允许浏览器将一行文本分成一个不可分割的字符串，以防止内容从容器中溢出。 |
|
定义内容在被裁剪之前可以溢出元素边框的距离。 |
|
定义元素的内容将溢出其左右边距，并且水平溢出。 |
|
定义超出元素顶部和底部边缘时块级元素的内容的显示方式。 |
|
定义元素的内容超出其边框的左右边界时的行为方式。 |
|
定义溢出内容在其元素的内联边缘溢出时如何显示。 |
|
确定在滚动区域的边界被触及时浏览器执行的操作。 |
|
确定当滚动区域的块方向边界到达时浏览器的行为。 |
|
确定当滚动区域的行内方向边界到达时浏览器的行为。 |
|
确定当滚动区域的水平边界到达时浏览器的行为。 |
|
确定当滚动区域的垂直边界到达时浏览器的行为。 |
Property |
Description |
速记属性，定义元素的所有边距的填充。 |
|
确定元素的逻辑块开始和结束填充。 |
|
确定元素的逻辑块结束填充。 |
|
设置元素底部的填充宽度。 |
|
设置元素底部的填充宽度。 |
|
确定元素的逻辑行内开始和结束填充。 |
|
确定元素的逻辑行内结束填充。 |
|
用于创建自定义计数样式。 |
|
设置元素左侧的填充空间。 |
|
设置元素右侧的填充空间。 |
|
设置元素末端的填充空间。 |
|
定义 z=0 平面和用户之间的距离。 |
|
定义用户查看的位置。 |
|
同时在块（列）和内联（行）轴中对齐内容。 |
|
沿着块（列）和内联（行）轴对齐网格和弹性布局容器中的项目。 |
|
同时在块和内联方向中对齐各个项目。 |
|
确定元素是否接收指针事件。 |
|
定义元素在网页上的位置。 |
Property |
Description |
定义用于嵌入式引用的引号样式。 |
Property |
Description |
定义用户是否可以以及如何调整元素大小。 |
|
控制元素的水平位置 |
|
定义元素旋转的方式。 |
|
定义网格行之间的间隙。 |
Property |
Description |
指定元素的缩放变换，独立于变换属性。 |
|
定义当用户单击链接或使用滚动条时浏览器滚动时的流畅度。 |
|
定义元素在捕捉区域内的边距。 |
|
简写属性，定义块轴上滚动捕捉区域的边距。 |
|
定义块轴末端的滚动捕捉区域的边距。 |
|
定义块轴开始处的滚动捕捉区域的边距。 |
|
定义滚动容器底部的边距。 |
|
设置元素在行（水平轴）维度上的滚动边距。 |
|
定义水平维度末端的滚动捕捉区域的边距。 |
|
定义水平维度开始处的滚动捕捉区域的边距。 |
|
定义元素的滚动捕捉区域的底部边距。 |
|
定义元素的滚动捕捉区域的左侧边距。 |
|
定义元素滚动捕捉区域的顶部边距。 |
|
定义元素滚动捕捉区域的右侧边距。 |
|
定义滚动容器边缘和停止滚动后捕捉到位元素区域之间的滚动填充。 |
|
定义块维度中元素的滚动填充。 |
|
定义块维度中元素的滚动填充的开始边缘的偏移量。 |
|
定义块维度中元素的滚动填充的结束边缘的偏移量。 |
|
定义元素滚动捕捉区域的底部偏移量。 |
|
定义滚动容器的左边缘和元素的滚动捕捉区域之间的空间量。 |
|
定义滚动容器的右边缘和元素的滚动捕捉区域之间的空间量。 |
|
定义元素滚动捕捉区域的顶部偏移量。 |
|
定义内联维度中元素的滚动填充。 |
|
定义内联维度中视口开始边缘的偏移量。 |
|
定义内联维度中视口结束边缘的偏移量。 |
|
定义滚动捕捉元素在其滚动捕捉容器中的位置。 |
|
确定滚动容器将滚动到最近的捕捉位置还是粘附到最近的捕捉位置。 |
|
定义滚动容器如何捕捉到捕捉位置。 |
|
定义滚动条轨迹和滑块的颜色。 |
|
用于设置滚动条轨迹和滑块的宽度。 |
|
它有助于为滚动条创建固定空间。 |
|
在使用具有形状外部属性的图像时，指定形状提取的阿尔法通道阈值。 |
|
定义围绕指定 CSS 形状的边距。 |
|
定义一个形状，内嵌内容应在该形状周围进行换行。 |
Property |
Description |
定义元素中的制表符宽度。 |
|
定义表格<table>的单元格、行和列显示方式。 |
|
定义文本与页面边距的对齐方式。 |
|
设置阻止或强制换行前一行或一个块的最后一行对齐方式。 |
|
定义如何将多个字符放入单个字符的区域。 |
|
定义添加到文本的修饰。 |
|
定义文本修饰的颜色。 |
|
用于在文本中添加修饰线。 |
|
用于给文本修饰线添加样式。 |
|
用于给文本修饰线添加粗细度。 |
|
简写属性，用于给文本添加加重。 |
|
用于设置围绕文本的加重标记的颜色。 |
|
用于设置围绕文本的加重标记的位置。 |
|
定义加重标记的外观。 |
|
定义文本第一行的缩进。 |
|
定义一行中文本字符的方向。 |
|
控制向用户显示隐藏的溢出内容。 |
|
用于给文本添加阴影效果。 |
|
通过以多种方式转换文本来改变文本外观。 |
|
定义下划线文本装饰线与其初始位置的距离。 |
|
定义下划线文本装饰的位置。 |
|
定义元素相对于其包含元素的垂直位置。 |
|
它对元素的旋转、缩放、倾斜或平移很有用。 |
|
定义转换属性所涉及的布局框。 |
|
有助于设置元素转换的原点。 |
|
定义嵌套项的 3D 空间渲染。 |
|
一个作为每个转换属性的简写的属性。 |
|
定义在开始转换效果之前等待的时间量 |
|
定义转换动画完成所需的时间量。 |
|
定义应应用转换效果的 CSS 属性。 |
|
定义转换效果的速度曲线。 |
|
允许您沿着 X、Y 和 Z 轴移动元素。 |
Property |
Description |
控制双向文本在文档中的显示方式。 |
|
确定用户是否可以选择文本。 |
Property |
Description |
定义元素的垂直对齐方式。 |
|
规定元素是否需要显示或隐藏，同时不改变文档的布局。 |
Property |
Description |
规定元素中文本内的空白流。 |
|
规定页面或栏的最上面必须留出多少行。 |
|
规定元素内容区的宽度。 |
|
规定如果单词超出元素的可用宽度，该如何断字或换行。 |
|
规定文本中单词之间的间距。 |
|
规定文本是垂直显示还是水平显示。 |
Property |
Description |
控制网页中元素的堆叠顺序。 |