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属性字母d开头

    属性 描述
    direction 指定文本方向/书写方向
    display 指定如何显示某个HTML元素
  • 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属性字母i开头

    属性 描述
    image-rendering 向浏览器提示在缩放图像时图像的哪些方面最重要
    @import 允许您将样式表导入另一个样式表
    isolation 定义元素是否必须创建新的堆叠内容
  • 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属性字母r开头

    属性 描述
    resize 定义用户是否(以及如何)调整元素的大小
    right 指定定位元素的右侧位置
  • 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 设置定位元素的堆栈顺序