CSS 属性大全手册(按功能)

您所在的位置:网站首页 html各个标签的属性有哪些 CSS 属性大全手册(按功能)

CSS 属性大全手册(按功能)

#CSS 属性大全手册(按功能)| 来源: 网络整理| 查看: 265

​CSS @规则(At-rules)CSS z-index 属性 CSS 属性大全手册(按功能)

CSS属性按字母顺序查找,本部分包含属于最新CSS3规范的标准属性的完整列表。所有属性都分为动画属性、背景属性、边框属性、颜色属性、高度宽度尺寸大小、Flex弹性盒子、字体属性、列表项属性、边距属性、轮廓属性、文字字体属性、视觉属性等等。

动画属性(Animation)属性描述animation 指定基于关键帧的动画。animation-delay 指定动画何时开始。animation-direction 指定动画是否应在交替的循环中反向播放。animation-duration 指定动画完成一个周期应花费的秒数或毫秒数。animation-fill-mode 指定CSS动画在执行之前和之后应如何将样式应用于其目标。animation-iteration-count 指定在停止之前动画循环应播放的次数。animation-name 指定@keyframes应应用于所选元素的已定义动画的名称。animation-play-state 指定动画是运行还是暂停。animation-timing-function 指定CSS动画在每个周期内应如何进行。背景属性(Background)属性描述background在一个声明中定义各种背景属性。background-attachment指定背景图像是在视口中固定还是滚动。background-clip 指定背景的绘制区域。background-color定义元素的背景色。background-image定义元素的背景图像。background-origin 指定背景图像的定位区域。background-position定义背景图像的原点。background-repeat指定是否/如何平铺背景图像。background-size 指定背景图像的大小。边框属性(Border)属性描述border设置元素边框所有四个侧面的宽度,样式和颜色。border-bottom设置元素底部边框的宽度,样式和颜色。border-bottom-color设置元素底部边框的颜色。border-bottom-left-radius 定义元素的左下边界角的形状。border-bottom-right-radius 定义元素右下边界的形状。border-bottom-style设置元素底部边框的样式。border-bottom-width设置元素底部边框的宽度。border-color设置元素所有四个侧面的边框颜色。border-image 指定如何使用图像代替边框样式。border-image-outset 指定边框图像区域超出边框超出范围的数量。border-image-repeat 指定图像边框应重复,四舍五入还是拉伸。border-image-slice 指定图像边框的向内偏移。border-image-source 指定要用作边框的图像的位置。border-image-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-style在元素的所有四个面上设置边框的样式。border-top设置元素顶部边框的宽度,样式和颜色。border-top-color设置元素顶部边框的颜色。border-top-left-radius 定义元素左上角的形状。border-top-right-radius 定义元素的右上边界角的形状。border-top-style设置元素顶部边框的样式。border-top-width设置元素顶部边框的宽度。border-width设置元素所有四个侧面的边框宽度。颜色属性(Color)属性描述color指定元素文本的颜色。opacity 指定元素的透明度。尺寸属性(Size)属性描述height指定元素的高度。max-height指定元素的最大高度。max-width指定元素的最大宽度。min-height指定元素的最小高度。min-width指定元素的最小宽度。width指定元素的宽度。内容属性(Content)属性描述content插入生成的内容。quotes指定嵌入引号的引号。counter-reset创建或重置一个或多个计数器。counter-increment递增一个或多个计数器值。弹性Flex盒子布局(Flex)属性描述align-content 指定伸缩容器中伸缩容器的项目的对齐方式。align-items 为flex容器中的项目指定默认对齐方式。align-self 指定弹性容器中选定项目的对齐方式。flex 指定弹性长度的分量。flex-basis 指定弹性项目的初始主要尺寸。flex-direction 指定弹性项目的方向。flex-flow flex-direction和flex-wrap属性的简写属性。flex-grow 指定弹性项目相对于弹性容器内其他项目的增长方式。flex-shrink 指定flex项目相对于flex容器内其他项目的收缩方式。flex-wrap 指定是否应包装柔性物品。justify-content 指定在解决了任何弹性长度和自动页边距之后,弹性项目如何沿弹性容器的主轴对齐。order 指定弹性项目在弹性容器中的显示和布局顺序。字体属性(Fonts)属性描述font在一个声明中定义各种字体属性。font-family定义元素的字体列表。font-size定义文本的字体大小。font-size-adjust 发生字体回退时,保留文本的可读性。font-stretch 从字体中选择一个普通的,压缩的或扩展的字体。font-style定义文本的字体样式。font-variant指定字体变体。font-weight指定文本的字体粗细。列表项属性(Lists)属性描述list-style定义列表和列表元素的显示样式。list-style-image指定用作列表项标记的图像。list-style-position指定列表项标记的位置。list-style-type指定列表项的标记样式。边距属性(Margin)属性描述margin在元素的所有四个面上设置边距。margin-bottom设置元素的底边距。margin-left设置元素的左边距。margin-right设置元素的右边距。margin-top设置元素的上边距。多列布局属性(Column)属性描述column-count 指定多列元素中的列数。column-fill 指定如何填充列。column-gap 指定多列元素中各列之间的间隔。column-rule 指定在多列元素的每一列之间绘制的直线或“规则”。column-rule-color 指定在多列布局中的列之间绘制的规则的颜色。column-rule-style 指定在多列布局中的列之间绘制的规则的样式。column-rule-width 指定在多列布局中的列之间绘制的规则的宽度。column-span 指定元素在多列布局中跨越多少列。column-width 指定多列元素中列的最佳宽度。columns 用于设置column-width和column-count属性的简写属性。轮廓属性(Outline)属性描述outline设置元素轮廓的所有四个边的宽度,样式和颜色。outline-color设置轮廓的颜色。outline-offset 设置轮廓和元素边框之间的空间。outline-style设置轮廓样式。outline-width设置轮廓的宽度。填充属性(Padding)属性描述padding在元素的所有四个面上设置填充。padding-bottom将填充设置为元素的底侧。padding-left将填充设置为元素的左侧。padding-right将填充设置为元素的右侧。padding-top将填充设置为元素的顶部。打印属性(Print)属性描述page-break-after在元素之后插入分页符。page-break-before在元素之前插入分页符。page-break-inside在元素内插入分页符。表属性(Table)属性描述border-collapse指定是连接还是分隔表格单元格边界。border-spacing设置相邻表格单元格的边界之间的间距。caption-side指定表格标题的位置。empty-cells显示或隐藏空表单元格的边框和背景。table-layout指定表布局算法。文字属性(Text)属性描述direction定义文本方向/书写方向。tab-size 指定制表符的长度。text-align设置内联内容的水平对齐方式。text-align-last 指定当text-alignis 时如何对齐块的最后一行或强制换行符之前的行justify。text-decoration指定添加到文本的装饰。text-decoration-color 指定的颜色text-decoration-line。text-decoration-line 指定将哪种线条装饰添加到元素。text-decoration-style 指定text-decoration-line属性指定的线条样式text-indent缩进文本的第一行。text-justify 指定当text-align属性设置为时要使用的对正方法justify。text-overflow 指定当文本内容溢出块容器时将如何显示。text-shadow 将一个或多个阴影应用于元素的文本内容。text-transform转换文本的大小写。line-height设置文本行之间的高度。vertical-align设置元素相对于当前文本基线的垂直位置。letter-spacing设置字母之间的额外间距。word-spacing设置单词之间的间距。white-space指定如何处理元素内的空白。word-break 指定如何在单词内换行。word-wrap 指定在内容超出其容器边界时是否中断单词。转换属性(Transform)属性描述backface-visibility 指定当面对用户时,转换后的元素的“背面”是否可见。perspective 定义从中查看对象的所有子元素的透视图。perspective-origin 定义透视图属性的原点(3D空间的消失点)。transform 将2D或3D变换应用于元素。transform-origin 定义元素的变换原点。transform-style 指定如何在3D空间中渲染嵌套元素。过渡属性(Transition)属性描述transition 定义元素的两种状态之间的过渡。transition-delay 指定过渡效果何时开始。transition-duration 指定过渡效果要花费的秒数或毫秒数。transition-property 指定应将过渡效果应用到的CSS属性的名称。transition-timing-function 指定过渡效果的速度曲线。视觉格式属性属性描述display指定元素在屏幕上的显示方式。position指定如何定位元素。top指定所定位元素的上边缘的位置。right指定所定位元素的右边缘的位置。bottom指定所定位元素底边的位置。left指定定位元素左边缘的位置。float指定一个框是否应该浮动。clear指定相对于浮动元素的元素位置。z-index指定定位元素的分层或堆叠顺序。overflow指定对溢出元素框的内容的处理。overflow-x 指定当内容超出元素内容区域的宽度时如何管理内容。overflow-y 指定当内容超出元素内容区域的高度时如何管理内容。resize 指定元素是否可由用户调整大小。clip定义裁剪区域。visibility指定一个元素是否可见。cursor指定游标的类型。box-shadow 将一个或多个阴影应用于元素的框。box-sizing 更改默认的CSS框模型。​CSS @规则(At-rules)CSS z-index 属性


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3