CSS 属性（2026 超详版）

CSS 属性
字体属性
font-family	定义字体类型
font-size	定义字体大小
font-weight	定义字体粗细
font-stretch	定义字体伸缩变形
font-style	定义字体斜体
font-variant	定义是否以 “小型大写字母” 显示
font	复合属性，定义字体样式
文本属性
text-indent	设置文本首行缩进
text-transform	对文本进行大小写转换
text-shadow	为文本添加阴影效果
text-overflow	定义文本溢出时的显示方式
-webkit-text-stroke	为文本添加描边效果
line-height	设置文本行高
vertical-align	设置元素的垂直对齐方式
word-spacing	调整单词之间的间距
letter-spacing	调整字符之间的间距
white-space	控制空白字符的处理方式
word-wrap	指定单词是否换行（现为 word-break）
word-break	定义单词的换行规则
text-align	定义文本的水平对齐方式
text-align-last	定义最后一行文本的对齐方式
text-decoration	定义文本的修饰线（如下划线）
text-decoration-line	设置文本装饰线的位置
text-decoration-style	设置文本装饰线的样式
text-decoration-color	设置文本装饰线的颜色
text-decoration-thickness	设置文本装饰线的粗细
text-emphasis	为文本添加强调标记
text-emphasis-style	设置强调标记的样式
text-emphasis-color	设置强调标记的颜色
text-emphasis-position	设置强调标记的位置
text-orientation	控制文本的方向（用于垂直排版）
text-combine-upright	控制字符在垂直排版中的组合
列表属性
list-style	简写属性，设置列表样式
list-style-type	指定列表项的标记类型
list-style-image	使用图片作为列表项标记
list-style-position	设置列表标记的位置
表格属性
caption-side	设置表格标题的位置
border-collapse	控制表格边框是否合并
border-spacing	设置表格单元格之间的间距
empty-cells	控制空单元格的显示方式
table-layout	定义表格的布局算法
背景属性
background-color	设置元素的背景颜色
background-image	设置元素的背景图片
background-repeat	控制背景图片的重复方式
background-position	设置背景图片的位置
background-position-x	设置背景图片的水平位置
background-position-y	设置背景图片的垂直位置
background-attachment	控制背景图片的滚动行为
background-size	设置背景图片的尺寸
background-clip	定义背景的裁剪区域
background-origin	设置背景图片的起始位置
background-blend-mode	定义背景的混合模式
background	简写属性，设置所有背景属性
盒子模型
display	指定元素的显示类型
box-sizing	定义盒模型的尺寸计算方式
width	设置元素的宽度
height	设置元素的高度
max-width	设置元素的最大宽度
max-height	设置元素的最大高度
min-width	设置元素的最小宽度
min-height	设置元素的最小高度
padding	设置元素的内边距
padding-top	设置元素的上内边距
padding-right	设置元素的右内边距
padding-bottom	设置元素的下内边距
padding-left	设置元素的左内边距
margin	设置元素的外边距
margin-top	设置元素的上外边距
margin-right	设置元素的右外边距
margin-bottom	设置元素的下外边距
margin-left	设置元素的左外边距
border	简写属性，设置边框的宽度、样式和颜色
border-width	设置边框的宽度
border-style	设置边框的样式
border-color	设置边框的颜色
浮动布局
float	使元素浮动到左侧或右侧
clear	清除元素的浮动效果
定位布局
position	指定元素的定位方式
top	设置元素的上偏移量
bottom	设置元素的下偏移量
left	设置元素的左偏移量
right	设置元素的右偏移量
z-index	设置元素的堆叠顺序
flex 布局
flex-direction	定义弹性容器的主轴方向
flex-wrap	控制弹性项目是否换行
flex-flow	简写属性，设置 flex 方向和换行
justify-content	设置主轴上的对齐方式
align-content	设置交叉轴上的多行对齐方式
align-items	设置交叉轴上的项目对齐方式
align-self	设置单个弹性项目的对齐方式
row-gap	设置行之间的间距
column-gap	设置列之间的间距
gap	简写属性，设置行和列的间距
flex-grow	定义弹性项目的放大比例
flex-shrink	定义弹性项目的缩小比例
flex-basis	设置弹性项目的基础尺寸
flex	简写属性，设置弹性项目的生长、缩小和基础尺寸
order	设置弹性项目的排列顺序
grid 布局
grid-template-columns	定义网格的列
grid-template-rows	定义网格的行
grid-template-areas	定义网格的区域名称
grid-template	简写属性，设置网格的行、列和区域
grid-area	指定网格项目的区域
grid-row-start	设置网格项目的起始行
grid-row-end	设置网格项目的结束行
grid-row	简写属性，设置网格项目的行范围
grid-column-start	设置网格项目的起始列
grid-column-end	设置网格项目的结束列
grid-column	简写属性，设置网格项目的列范围
grid-auto-rows	设置自动生成的行尺寸
grid-auto-columns	设置自动生成的列尺寸
grid-auto-flow	控制网格项目的自动放置顺序
多列布局
column-count	设置元素的分栏数量
column-width	设置每列的宽度
columns	简写属性，设置分栏数量和宽度
column-gap	设置列之间的间距
column-span	控制元素是否跨列
column-fill	控制列内容的填充方式
column-rule-width	设置列间分隔线的宽度
column-rule-style	设置列间分隔线的样式
column-rule-color	设置列间分隔线的颜色
column-rule	简写属性，设置列间分隔线
变形属性
transform	对元素应用 2D 或 3D 变换
transform-origin	设置变换的原点
transform-style	指定 3D 变换的渲染方式
backface-visibility	控制元素背面的可见性
perspective	设置 3D 透视效果
perspective-origin	设置 3D 透视的原点
过渡属性
transition-property	指定应用过渡的属性
transition-duration	设置过渡的持续时间
transition-timing-function	定义过渡的缓动函数
transition-delay	设置过渡的延迟时间
transition	简写属性，设置所有过渡属性
动画属性
animation-name	指定动画的名称
animation-duration	设置动画的持续时间
animation-timing-function	定义动画的缓动函数
animation-delay	设置动画的延迟时间
animation-iteration-count	设置动画的循环次数
animation-direction	定义动画的播放方向
animation-play-state	控制动画的播放状态
animation-fill-mode	设置动画完成后的状态
animation	简写属性，设置所有动画属性
蒙版属性
mask-image	指定蒙版层的图片
mask-mode	设置蒙版的模式
mask-repeat	控制蒙版图片的重复方式
mask-position	设置蒙版图片的位置
mask-size	设置蒙版图片的尺寸
mask-origin	定义蒙版的起始位置
mask-clip	定义蒙版的裁剪区域
mask-composite	设置蒙版的合成方式
mask	简写属性，设置所有蒙版属性
视觉相关
color	设置文本的颜色
opacity	设置元素的透明度
border-radius	设置边框的圆角
box-shadow	为元素添加阴影效果
visibility	控制元素的可见性
resize	控制元素的可调整大小行为
filter	为元素应用视觉效果，如模糊
clip-path	定义元素的裁剪路径
writing-mode	设置文本的书写方向
outline	简写属性，设置外轮廓
outline-width	设置外轮廓的宽度
outline-style	设置外轮廓的样式
outline-color	设置外轮廓的颜色