css属性⼤全中⽂对照表
A
align-content 规定弹性容器内的⾏之间的对齐⽅式,当项⽬不使⽤所有可⽤空间时。
align-items 规定弹性容器内项⽬的对齐⽅式。
align-self 规定弹性容器内所选项⽬的对齐⽅式。
all 重置所有属性(除了 unicode-bidi 和 direction)。
animation 所有 animation-* 属性的简写属性。
animation-delay 规定开始动画的延迟。
animation-direction 规定动画是向前播放、向后播放还是交替播放。
animation-duration 规定动画完成⼀个周期应花费的时间。
animation-fill-mode 规定元素在不播放动画时(在开始之前、结束之后、或同时)的样式。animation-iteration-count 规定动画的播放次数。
animation-name 规定 @keyframes 动画的名称。
animation-play-state 规定动画是播放还是暂停。
animation-timing-function 规定动画的速度曲线。
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-width、border-style 以及 border-color 的简写属性。
border-bottom border-bottom-width、border-bottom-style 以及 border-bottom-color 的简写属性。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-width、border-top-style 以及 border-top-color 的简写属性。
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 规定指定元素之后是否应出现 page-、column- 或 region-break。
break-before 规定指定元素之前是否应出现 page-、column- 或 region-break。
break-inside 规定指定元素内部是否应出现 page-、column- 或 region-break。
C
caption-side 规定表格标题的放置⽅式。
caret-color 规定光标在 input、textarea 或任何可编辑元素中的颜⾊。
@charset 规定样式表中使⽤的字符编码。
clear 规定不允许在元素的哪⼀侧浮动元素
clip 剪裁绝对定位的元素。
clip-path 将元素裁剪为基本形状或 SVG 源。
color 设置⽂本的颜⾊。
column-count 规定元素应分为的列数。
column-fill 指定如何填充列(是否 balanced)。
column-gap 规定列间隙。
column-rule 所有 column-rule-* 属性的简写属性。
column-rule-color 规定列之间规则的颜⾊。
column-rule-style 规定列之间的规则样式。
column-rule-width 规定列之间的规则宽度。
column-span 规定元素应该跨越多少列。
column-width 规定列宽度。
columns column-width 和 column-count 的简写属性。
content 与 :before 和 :after 伪元素⼀起使⽤,来插⼊⽣成的内容。
counter-increment 增加或减少⼀个或多个 CSS 计数器的值。
counter-reset 创建或重置⼀个或多个 CSS 计数器。
cursor 规定当指向元素时要显⽰的⿏标光标。
D
direction 规定⽂本⽅向/书写⽅向。
display 规定如何显⽰某个 HTML 元素。
E
empty-cells 规定是否在表格中的空⽩单元格上显⽰边框和背景。
F
filter 定义元素显⽰之前的效果(例如,模糊或颜⾊偏移)。
flex flex-grow、flex-shrink 以及 flex-basis 的简写属性。
flex-basis 规定弹性项⽬的初始长度。
flex-direction 规定弹性项⽬的⽅向。
flex-flow flex-direction 和 flex-wrap 的简写属性。
flex-grow 规定项⽬相对于其余项⽬的增量。
flex-shrink 规定项⽬相对于其余项⽬的减量。
flex-wrap 规定弹性项⽬是否应该换⾏。
float 规定是否应该对盒(box)进⾏浮动。
font font-style、font-variant、font-weight、font-size/line-height 以及 font-family 的简写属性。
@font-face 允许⽹站下载和使⽤ "web-safe" 字体以外的其他字体的规则。
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 规定字体的粗细。
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 指定⽹格布局中的⾏的尺⼨。
H
hanging-punctuation 规定是否可以在⾏框外放置标点符号。
height 设置元素的⾼度。
hyphens 设置如何分割单词以改善段落的布局。
I
image-rendering 当图像被缩放时,向浏览器提供关于保留图像的哪些最重要的⽅⾯的信息。
@import 允许您将样式表导⼊另⼀张样式表。
isolation 定义元素是否必须创建新的堆叠内容。
J
justify-content 规定项⽬在弹性容器内的对齐⽅式,当项⽬未⽤到所有可⽤空间时。
K
@keyframes 规定动画代码。
L
left 规定定位元素的左侧位置。
letter-spacing 增加或减少⽂本中的字符间距。
line-break 如何如何/是否换⾏。
line-height 设置⾏⾼。
list-style 在⼀条声明中设置所有列表属性。
list-style-image 把图像指定为列表项标记。
list-style-position 规定列表项标记的位置。
list-style-type 规定列表项标记的类型。
M
margin 在⼀条声明中设置所有外边距属性。
margin-bottom 设置元素的下外边距。
margin-left 设置元素的左外边距。
margin-right 设置元素的右外边距。
margin-top 设置元素的上外边距。
mask 通过在特定位置遮罩或剪切图像来隐藏元素。
mask-type 规定将遮罩元素⽤作亮度或 Alpha 遮罩。
max-height 设置元素的最⼤⾼度。
max-width 设置元素的最⼤宽度。
@media 为不同的媒体类型、设备、尺⼨设置样式规则。
min-height 设置元素的最⼩⾼度。
min-width 设置元素的最⼩宽度。
mix-blend-mode 规定元素内容应如何与其直接⽗的背景相混合。
O
object-fit 规定替换元素的内容应如何适合其所⽤⾼度和宽度建⽴的框。
object-position 指定替换元素在其框内的对齐⽅式。
opacity 设置元素的不透明等级。
order 设置弹性项⽬相对于其余项⽬的顺序。
orphans 设置在元素内发⽣分页时必须保留在页⾯底部的最⼩⾏数。
outline outline-width、outline-style 以及 outline-color 属性的简写属性。css表格样式
outline-color 设置轮廓的颜⾊。
outline-offset 对轮廓进⾏偏移,并将其绘制到边框边缘之外。
outline-style 设置轮廓的样式。
outline-width 设置轮廓的宽度。
overflow 规定如果内容溢出元素框会发⽣什么情况。
overflow-wrap 规定浏览器是否可能为了防⽌溢出⽽在单词内折⾏(当字符串太长⽽⽆法适应其包含框时)。overflow-x 规定是否剪裁内容的左右边缘,如果它溢出了元素的内容区域。
overflow-y 规定是否剪裁内容的上下边缘,如果它溢出了元素的内容区域。
P
padding 所有 padding-* 属性的简写属性。
padding-bottom 设置元素的下内边距。
padding-left 设置元素的左内边距。
padding-right 设置元素的右内边距。
padding-top 设置元素的上内边距。
page-break-after 设置元素之后的分页(page-break)⾏为。
page-break-before 设置元素之前的分页(page-break)⾏为。
page-break-inside 设置元素内的分页(page-break)⾏为。
perspective 为 3D 定位元素提供透视。
perspective-origin 定义⽤户观看 3D 定位元素的位置。
pointer-events 定义元素是否对指针事件做出反应。
position 规定⽤于元素的定位⽅法的类型(静态、相对、绝对或固定)。
Q
quotes 设置引号类型。
R
resize 定义⽤户是否以及如何调整元素的尺⼨。
right 规定定位元素的左侧位置。
S
scroll-behavior 规定可滚动框中是否平滑地滚动,⽽不是直接跳跃。
T
tab-size 规定制表符的宽度。
table-layout 定义⽤于对单元格、⾏和列进⾏布局的算法。
text-align 规定⽂本的⽔平对齐⽅式。
text-align-last 描述当 text-align 为 "justify" 时,如何在强制换⾏之前对齐块或⾏的最后⼀⾏。
text-combine-upright 将多个字符组合到到单个字符的空间中。
text-decoration 规定⽂本装饰。
text-decoration-color 规定⽂本装饰(text-decoration)的颜⾊。
text-decoration-line 规定⽂本装饰(text-decoration)中的的⾏类型。
text-decoration-style 规定⽂本装饰(text-decoration)中的⾏样式。
text-indent 规定⽂本块(text-block)中的的⾸⾏缩进。
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 规定过渡效果的速度曲线。
U
unicode-bidi 与 direction 属性⼀起使⽤,设置或返回是否应覆写⽂本来⽀持同⼀⽂档中的多种语⾔。user-select 规定是否能选取元素的⽂本。
V
vertical-align 设置元素的垂直对齐⽅式。
visibility 规定元素是否可见。
W
white-space 规定如何处理元素内的空⽩字符。
widows 设置如果元素内发⽣分页,必须在页⾯顶部保留的最⼩⾏数。
width 设置元素的宽度。
word-break 规定单词到达⾏末后如何换⾏。
word-spacing 增加或减少⽂本中的单词间距。
word-wrap 允许长的、不能折⾏的单词换到下⼀⾏。
writing-mode 规定⽂本⾏是⽔平还是垂直布局。
Z
z-index 设置定位元素的堆叠顺序。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。