CSS 属性参考
-
CSS属性字母a开头
属性 描述 align-content 当项目不使用所有可用空间时,指定灵活容器中的行之间的对齐 align-items 指定灵活容器内项目的对齐方式 align-self 指定在灵活容器内选定项目的对齐方式 all 重置所有属性(unicode-bidi和方向除外) animation 所有animation-*属性的简写属性 animation-delay 指定动画开始的延迟 animation-direction 指定动画是向前播放、向后播放还是交替循环播放 animation-duration 指定动画完成一个周期需要多长时间 animation-fill-mode 指定在动画未播放(在动画开始前、结束后或两者同时播放)时元素的样式 animation-iteration-count 指定动画播放的次数 animation-name 指定@keyframes动画的名称 animation-play-state 指定动画是运行还是暂停 animation-timing-function 指定动画的速度曲线 -
CSS属性字母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-bottom 边框底部宽度,边框底部样式和边框底部颜色的简写属性 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-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 指定生成的框后的分页、列或区域断开行为 break-before 指定生成框之前的分页、列或区域断开行为 break-inside 指定生成框内的页、列或区域断开行为 -
CSS属性字母c开头
属性 描述 caption-side 指定表格标题的位置 caret-color 指定input,textareas或任何可编辑元素中光标(插入符号)的颜色 @charset 指定样式表中使用的字符编码 clear 指定元素浮动元素的哪些边不允许浮动 clip 剪辑一个绝对定位的元素 color 设置文本的颜色 column-count 指定元素应分成的列数 column-fill 指定如何填充列,平衡与否 column-gap 指定列之间的间隙 column-rule 所有column-rule-*属性的简写属性 column-rule-color 指定列之间规则的颜色 column-rule-style 指定列之间规则的样式 column-rule-width 指定列之间规则的宽度 column-span 指定元素应跨越多少列 column-width 指定列宽 columns 列宽和列数的简写属性 content 与:before和:after伪元素一起使用,以插入生成的内容 counter-increment 增加或减少一个或多个CSS计数器的值 counter-reset 创建或重置一个或多个CSS计数器 cursor 指定指向元素时要显示的鼠标光标 -
-
CSS属性字母e开头
属性 描述 empty-cells 指定是否在表格中的空单元格上显示边框和背景 -
CSS属性字母f开头
属性 描述 filter 在元素显示之前定义元素上的效果(例如模糊或色移) flex flex-grow, flex-shrink, 和 flex-basis属性的简写属性 flex-basis 指定flex项的初始长度 flex-direction 指定flex项的方向 flex-flow flex-direction和flex-wrap属性的简写属性 flex-grow 指定项目相对于其余项目的增长量 flex-shrink 指定项目相对于其余项目的收缩方式 flex-wrap 指定flex项是否应该换行 float 指定框是否应浮动 font font-style,font-variant,font-weight,font-size / line-height和font-family属性的简写属性 @font-face 允许网站下载和使用“网络安全”字体以外的字体的规则 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 指定字体的权重 -
CSS属性字母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 指定网格布局中行的大小 -
CSS属性字母h开头
属性 描述 hanging-punctuation 指定标点符号是否可以放在行框外 height 设置元素的高度 hyphens 设置如何拆分单词以改进段落的布局 -
-
CSS属性字母j开头
属性 描述 justify-content 当项目不使用所有可用空间时,指定flex容器内项目之间的对齐方式 -
CSS属性字母k开头
属性 描述 @keyframes 指定动画代码 -
CSS属性字母l开头
属性 描述 left 指定定位元素的左侧位置 letter-spacing 增加或减少文本中字符之间的间距 line-break 指定如何/如何断行 line-height 设置行高 list-style 在一个声明中设置列表的所有属性 list-style-image 将图像指定为列表项标记 list-style-position 指定列表项标记的位置(项目符号点) list-style-type 指定列表项标记的类型 -
CSS属性字母m开头
属性 描述 margin 在一个声明中设置所有边距属性 margin-bottom 设置元素的下边距 margin-left 设置元素的左边距 margin-right 设置元素的右边距 margin-top 设置元素的上边距 max-height 设置元素的最大高度 max-width 设置元素的最大宽度 @media 设置不同媒体类型/设备/大小的样式规则 min-height 设置元素的最小高度 min-width 设置元素的最小宽度 mix-blend-mode 指定元素的内容应如何与其直接父背景混合 -
CSS属性字母o开头
属性 描述 object-fit 指定如何将替换元素的内容拟合到由其使用的高度和宽度建立的框中 object-position 指定替换元素在其框内的对齐方式 opacity 设置元素的不透明度级别 order 设置灵活项目相对于其余项目的顺序 orphans 设置在元素内发生分页时必须留在页面底部的最小行数 outline 轮廓宽度,轮廓样式和轮廓颜色属性的简写属性 outline-color 设置轮廓的颜色 outline-offset 偏移轮廓,并将其绘制到边框边缘之外 outline-style 设置轮廓的样式 outline-width 设置轮廓的宽度 overflow 指定内容溢出元素框时会发生什么 overflow-wrap 指定浏览器是否可以在单词中断行以防止溢出(当字符串太长而无法容纳其包含的框时) overflow-x 指定是否剪切内容的左/右边缘(如果它溢出元素的内容区域) overflow-y 指定是否剪切内容的顶部/底部边缘(如果它溢出元素的内容区域) -
CSS属性字母p开头
属性 描述 padding 所有padding-*属性的简写属性 padding-bottom 设置元素的底部填充 padding-left 设置元素的左边距 padding-right 设置元素的右边距 padding-top 设置元素的顶部填充 page-break-after 设置元素后的页面清除行为 page-break-before 设置元素之前的页面清除行为 page-break-inside 设置元素内的页面清除行为 perspective 为3D定位元素提供一些视角 perspective-origin 定义用户在哪个位置查看3D定位元素 pointer-events 定义元素是否对指针事件做出反应 position 指定用于元素的定位方法的类型(static,relative,absolute或fixed) -
CSS属性字母q开头
属性 描述 quotes 设置嵌入式引用的引号类型 -
-
CSS属性字母s开头
属性 描述 scroll-behavior 指定是否将滚动框中的滚动位置平滑地动画,而不是直接跳转 -
CSS属性字母t开头
属性 描述 tab-size 指定制表符的宽度 table-layout 定义用于布置表格单元格,行和列的算法 text-align 指定文本的水平对齐方式 text-align-last 描述当text-align为“justify”时,强制换行符之前的块的最后一行或强制换行符的行是如何对齐的 text-combine-upright 指定多个字符组合到单个字符的空间中 text-decoration 指定添加到文本的装饰 text-decoration-color 指定文本修饰的颜色 text-decoration-line 指定文本修饰中的行类型 text-decoration-style 指定文本修饰中线条的样式 text-indent 指定文本块中第一行的缩进 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 指定过渡效果的速度曲线 -
CSS属性字母u开头
属性 描述 unicode-bidi 与direction属性一起使用以设置或返回是否应覆盖文本以支持同一文档中的多种语言 user-select 指定是否可以选择元素的文本 -
CSS属性字母v开头
属性 描述 vertical-align 设置元素的垂直对齐方式 visibility 指定元素是否可见 -
CSS属性字母w开头
属性 描述 white-space 指定如何处理元素内的空白 widows 设置在元素内发生分页时必须留在页面顶部的最小行数 width 设置元素的宽度 word-break 指定单词到达行尾时应如何中断 word-spacing 增加或减少文本中单词之间的空间 word-wrap 允许打破长而牢不可破的单词并将其换行到下一行 writing-mode 指定文本行是水平布局还是垂直布局 -
CSS属性字母z开头
属性 描述 z-index 设置定位元素的堆栈顺序