CSS 参考手册


Note 【WEB手艺大学】教程的 CSS 参考手册在一切支流阅读器中测试经由过程.


CSS 属性

CSS 属性组:

"CSS" 列唆使属性是在哪一个 CSS 版本中界说的 (CSS1, CSS2, 或 CSS3).

动画属性

属性 描写 CSS
快乐飞艇是犯法的吗:@keyframes 界说一个动画,@keyframes界说的动画称号用来被animation-name所利用。 3
快乐飞艇是犯法的吗:animation 复合属性。检索或设置工具所利用的动画殊效。 3
快乐飞艇是犯法的吗:animation-name 检索或设置工具所利用的动画称号 ,必须与法则@keyframes共同利用,由于动画称号由@keyframes界说 3
快乐飞艇是犯法的吗:animation-duration 检索或设置工具动画的延续时候 3
快乐飞艇是犯法的吗:animation-timing-function 检索或设置工具动画的过渡范例 3
快乐飞艇是犯法的吗:animation-delay 检索或设置工具动画的提早时候 3
快乐飞艇是犯法的吗:animation-iteration-count 检索或设置工具动画的轮回次数 3
快乐飞艇是犯法的吗:animation-direction 检索或设置工具动画在轮回中是不是反向活动 3
快乐飞艇是犯法的吗:animation-play-state 检索或设置工具动画的状况 3

背景属性

属性 描写 CSS
快乐飞艇是犯法的吗:background 复合属性。设置工具的背景特征。 1
快乐飞艇是犯法的吗:background-attachment 设置或检索背景图象是随工具内容转动仍是牢固的。必须先指定background-image属性。 1
快乐飞艇是犯法的吗:background-color 设置或检索工具的背景色彩。 1
快乐飞艇是犯法的吗:background-image 设置或检索工具的背景图象。 1
快乐飞艇是犯法的吗:background-position 设置或检索工具的背景图象地位。必须先指定background-image属性。 1
快乐飞艇是犯法的吗:background-repeat 设置或检索工具的背景图象若何摆设添补。必须先指定background-image属性。 1
快乐飞艇是犯法的吗:background-clip 指定工具的背景图象向外裁剪的地区。 3
快乐飞艇是犯法的吗:background-origin S设置或检索工具的背景图象计较background-position时的参考原点(地位)。 3
快乐飞艇是犯法的吗:background-size 检索或设置工具的背景图象的尺寸巨细。 3

边框(Border) 和 表面(Outline) 属性

属性 描写 CSS
border 复合属性。设置工具边框的特征。 1
快乐飞艇是犯法的吗:border-bottom 复合属性。设置工具底部边框的特征。 1
快乐飞艇是犯法的吗:border-bottom-color 设置或检索工具的底部边框色彩。 1?
快乐飞艇是犯法的吗:border-bottom-style 设置或检索工具的底部边框款式。 1
快乐飞艇是犯法的吗:border-bottom-width 设置或检索工具的底部边框宽度。 1
快乐飞艇是犯法的吗:border-color 置或检索工具的边框色彩。 1
快乐飞艇是犯法的吗:border-left 复合属性。设置工具左侧边框的特征。 1
快乐飞艇是犯法的吗:border-left-color 设置或检索工具的左侧边框色彩。 1
快乐飞艇是犯法的吗:border-left-style 设置或检索工具的左侧边框款式。 1
快乐飞艇是犯法的吗:border-left-width 设置或检索工具的左侧边框宽度。 1
快乐飞艇是犯法的吗:border-right 复合属性。设置工具右侧边框的特征。 1
快乐飞艇是犯法的吗:border-right-color 设置或检索工具的右侧边框色彩。 1
快乐飞艇是犯法的吗:border-right-style 设置或检索工具的右侧边框款式。 1
快乐飞艇是犯法的吗:border-right-width 设置或检索工具的右侧边框宽度。 1
快乐飞艇是犯法的吗:border-style 设置或检索工具的边框款式。 1
快乐飞艇是犯法的吗:border-top 复合属性。设置工具顶部边框的特征。 1
快乐飞艇是犯法的吗:border-top-color 设置或检索工具的顶部边框色彩 1
快乐飞艇是犯法的吗:border-top-style 设置或检索工具的顶部边框款式。 1
快乐飞艇是犯法的吗:border-top-width 设置或检索工具的顶部边框宽度。 1
快乐飞艇是犯法的吗:border-width 设置或检索工具的边框宽度。 1
outline 复合属性。设置或检索工具外的线条表面。 2
快乐飞艇是犯法的吗:outline-color 设置或检索工具外的线条表面的色彩。 2
快乐飞艇是犯法的吗:outline-style 设置或检索工具外的线条表面的款式。 2
快乐飞艇是犯法的吗:outline-width 设置或检索工具外的线条表面的宽度。 2
快乐飞艇是犯法的吗:border-bottom-left-radius 设置或检索工具的左下角圆角边框。供给2个参数,2个参数以空格分开,每一个参数许可设置1个参数值,第1个参数表现程度半径,第2个参数表现垂直半径,如第2个参数省略,则默许即是第1个参数 3
快乐飞艇是犯法的吗:border-bottom-right-radius 设置或检索工具的右下角圆角边框。 3
快乐飞艇是犯法的吗:border-image 设置或检索工具的边框款式利用图象来添补。 3
快乐飞艇是犯法的吗:border-image-outset 划定边框图象逾越边框的量。 3
快乐飞艇是犯法的吗:border-image-repeat 划定图象边框是不是应当被反复(repeated)、拉伸(stretched)或铺满(rounded)。 3
快乐飞艇是犯法的吗:border-image-slice 划定图象边框的向内偏移。 3
快乐飞艇是犯法的吗:border-image-source 划定要利用的图象,取代 border-style 属性中设置的边框款式。 3
快乐飞艇是犯法的吗:border-image-width 划定图象边框的宽度。 3
快乐飞艇是犯法的吗:border-radius 设置或检索工具利用圆角边框。 3
快乐飞艇是犯法的吗:border-top-left-radius 界说左上角边框的外形。 3
快乐飞艇是犯法的吗:border-top-right-radius 界说右上角边框的外形。 3
box-decoration-break 划定行内元素被折行 3
快乐飞艇是犯法的吗:box-shadow 向方框增加一个或多个暗影。 3

盒子(Box) 属性

属性 描写 CSS
快乐飞艇是犯法的吗:overflow-x 若是内容溢出了元素内容地区,是不是对内容的左/右侧缘停止裁剪。 3
快乐飞艇是犯法的吗:overflow-y 若是内容溢出了元素内容地区,是不是对内容的上/下边缘停止裁剪。 3
快乐飞艇是犯法的吗:overflow-style 划定溢出元素的首选转动体例。 3
rotation 环绕由 rotation-point 属性界说的点对元素停止扭转。 3
快乐飞艇是犯法的吗:rotation-point 界说间隔上左侧框边缘的偏移点。 3

色彩(Color) 属性

属性 描写 CSS
color-profile 许可利用源的色彩设置装备摆设文件的默许之外的标准 3
opacity 设置一个元素的通明度级别 3
rendering-intent 许可逾越默许色彩设置装备摆设文件衬着动向的其余标准 3

内边距(Padding) 属性

属性 申明 CSS
padding 在一个申明中设置一切添补属性 1
快乐飞艇是犯法的吗:padding-bottom 设置元素的底添补 1
快乐飞艇是犯法的吗:padding-left 设置元素的左添补 1
快乐飞艇是犯法的吗:padding-right 设置元素的右添补 1
快乐飞艇是犯法的吗:padding-top 设置元素的顶部添补 1

媒体页面内容属性

属性 申明 CSS
bookmark-label 指定书签的标签 3
bookmark-level 指定了书签级别 3
bookmark-target 指定了书签链接的方针 3
float-offset 在相反的标的目的鞭策浮动元素,他们一向具备浮动 3
hyphenate-after 指定一个断字的单词断字字符后的起码字符数 3
hyphenate-before 指定一个断字的单词断字字符前的起码字符数 3
hyphenate-character 指定了当一个断字产生时,要显现的字符串 3
hyphenate-lines 表现持续断字的行在元素的最大数量 3
hyphenate-resource 外部资本指定一个逗号分开的列表,能够赞助肯定阅读器的断字点 3
hyphens 设置若何朋分单词以改良该段的规划 3
image-resolution 指定了准确的图象分辩率 3
marks 将crop and/or cross标记增加到文档 3
string-set ? 3

尺寸(Dimension) 属性

属性 描写 CSS
height 设置元素的高度 1
快乐飞艇是犯法的吗:max-height 设置元素的最大高度 2
快乐飞艇是犯法的吗:max-width 设置元素的最大宽度 2
快乐飞艇是犯法的吗:min-height 设置元素的最小高度 2
快乐飞艇是犯法的吗:min-width 设置元素的最小宽度 2
width 设置元素的宽度 1

弹性盒子模子(Flexible Box) 属性(新)

属性 申明 CSS
flex 复合属性。设置或检索弹性盒模子工具的子元素若何分派空间。 3
快乐飞艇是犯法的吗:flex-grow 设置或检索弹性盒的扩大比率。 3
快乐飞艇是犯法的吗:flex-shrink 设置或检索弹性盒的缩短比率。 3
快乐飞艇是犯法的吗:flex-basis 设置或检索弹性盒伸缩基准值。 3
快乐飞艇是犯法的吗:flex-flow 复合属性。设置或检索弹性盒模子工具的子元素摆列体例。 3
快乐飞艇是犯法的吗:flex-direction 该属性经由过程界说flex容器的主轴标的目的来决议felx子项在flex容器中的地位。 3
快乐飞艇是犯法的吗:flex-wrap 该属性节制flex容器是单行或多行,同时横轴的标的目的决议了新行重叠的标的目的。 3
快乐飞艇是犯法的吗:align-content 在弹性容器内的各项不占用穿插轴上一切可用的空间时对齐容器内的各项(垂直)。 3
快乐飞艇是犯法的吗:align-items 界说flex子项在flex容器确以后行的侧轴(纵轴)标的目的上的对齐体例。 3
快乐飞艇是犯法的吗:align-self 界说flex子项零丁在侧轴(纵轴)标的目的上的对齐体例。 3
快乐飞艇是犯法的吗:justify-content 设置或检索弹性盒子元素在主轴(横轴)标的目的上的对齐体例。 3
order 设置或检索弹性盒模子工具的子元素显现的順序。 3

弹性盒子模子(Flexible Box) 属性(旧)

属性 申明 CSS
快乐飞艇是犯法的吗:box-align 指定若何对齐一个框的子元素 3
快乐飞艇是犯法的吗:box-direction 指定在哪一个标的目的,显现一个框的子元素 3
box-flex 指定一个框的子元素是不是是矫捷的或牢固的巨细 3
快乐飞艇是犯法的吗:box-flex-group 指派矫捷的元素到Flex组 3
快乐飞艇是犯法的吗:box-lines 每当它在父框的空间运转时,是不是指定将再上一个新的行列 3
快乐飞艇是犯法的吗:box-ordinal-group 指定一个框的子元素的显现挨次 3
快乐飞艇是犯法的吗:box-orient 指定一个框的子元素是不是在程度或垂直标的目的应铺设 3
box-pack 指定横向盒在垂直框的程度地位和垂直地位 3

字体(Font) 属性

属性 申明 CSS
font 在一个申明中设置一切字体属性 1
快乐飞艇是犯法的吗:font-family 划定文本的字系统列 1
快乐飞艇是犯法的吗:font-size 划定文本的字体尺寸 1
快乐飞艇是犯法的吗:font-style 划定文本的字体款式 1
快乐飞艇是犯法的吗:font-variant 划定文本的字体款式 1
快乐飞艇是犯法的吗:font-weight 划定字体的粗细 1
快乐飞艇是犯法的吗:@font-face 一个法则,许可网站下载并利用其余逾越"Web- safe"字体的字体 3
快乐飞艇是犯法的吗:font-size-adjust 为元素划定 aspect 值 3
快乐飞艇是犯法的吗:font-stretch 缩短或拉伸以后的字系统列 3

内容天生属性(Generated Content Properties)

属性 申明 CSS
content 与 :before 和 :after 伪元素共同利用,来拔出天生内容 2
快乐飞艇是犯法的吗:counter-increment 递增或递加一个或多个计数器 2
快乐飞艇是犯法的吗:counter-reset 建立或重置一个或多个计数器 2
quotes 设置嵌套援用的引号范例 2
crop 许可replaced元素只是作为一个工具取代全部工具的矩形地区 3
move-to 从流中删除元素,而后在文档中前面的点上从头拔出。 3
page-policy 鉴定基于页面的给定元素的合用于计数器的字符串值 3

网格(Grid) 属性

属性 申明 CSS
快乐飞艇是犯法的吗:grid-columns 指定在网格中每列的宽度 3
快乐飞艇是犯法的吗:grid-rows 指定在网格中每列的高度 3

超链接(Hyperlink) 属性

属性 申明 CSS
target 简写属性设置target-name, target-new,和target-position属性 3
快乐飞艇是犯法的吗:target-name 指定在那边翻开链接(方针地位) 3
快乐飞艇是犯法的吗:target-new 指定是不是有新的方针链接翻开一个新窗口或在现有窗口翻开新标签 3
快乐飞艇是犯法的吗:target-position 指定应当安排新的方针链接的地位 3

线框(Linebox) 属性

属性 申明 CSS
alignment-adjust 许可更切确的元素的对齐体例 3
alignment-baseline 其父级指定的内联级别的元素若何对齐 3
baseline-shift 许可从头定位绝对dominant-baseline的dominant-baseline 3
dominant-baseline 指定scaled-baseline-table 3
drop-initial-after-adjust 设置下拉的首要毗连点的初始对齐点 3
drop-initial-after-align 校准行内的初始行的设置便是具备首字母的框利用低级毗连点 3
drop-initial-before-adjust 设置下拉的帮助毗连点的初始对齐点 3
drop-initial-before-align 校准行内的初始行的设置便是具备首字母的框利用帮助毗连点 3
drop-initial-size 节制部分的首字母下沉 3
drop-initial-value 激活一个下拉式的开端结果 3?
inline-box-align 设置一个多行的内联块内的行具备前一个和后一个内联元素的对齐 3
line-stacking 一个速记属性设置line-stacking-strategy, line-stacking-ruby,和line-stacking-shift属性 3
line-stacking-ruby 设置包罗Ruby正文元素的行对块元素的重叠体例 3
line-stacking-shift 设置base-shift行中块元素包罗元素的重叠体例 3
line-stacking-strategy 设置外部包罗块元素的重叠线框的重叠体例 3
text-height 行内框的文本内容地区设置block-progression维数 3

列表(List) 属性

属性 申明 CSS
快乐飞艇是犯法的吗:list-style 在一个申明中设置一切的列表属性 1
快乐飞艇是犯法的吗:list-style-image 将图象设置为列表项标记 1
快乐飞艇是犯法的吗:list-style-position 设置列表项标记的安排地位 1
快乐飞艇是犯法的吗:list-style-type 设置列表项标记的范例 1

外边距(Margin) 属性

属性 申明 CSS
margin 在一个申明中设置一切外边距属性 1
快乐飞艇是犯法的吗:margin-bottom 设置元素的下外边距 1
快乐飞艇是犯法的吗:margin-left 设置元素的左外边距 1
快乐飞艇是犯法的吗:margin-right 设置元素的右外边距 1
快乐飞艇是犯法的吗:margin-top 设置元素的上外边距 1

字幕(Marquee) 属性

属性 申明 CSS
marquee-direction 设置内容挪动的标的目的 3
marquee-play-count 设置内容挪动几多次 3
marquee-speed 设置内容转动的速率有多快 3
marquee-style 设置内容挪动的款式 3

多列(Multi-column) 属性

属性 申明 CSS
快乐飞艇是犯法的吗:column-count 指定元素应当分为的列数 3
快乐飞艇是犯法的吗:column-fill 指定若何添补列 3
快乐飞艇是犯法的吗:column-gap 指定列之间的差异 3
快乐飞艇是犯法的吗:column-rule 对设置一切column-rule-*属性的简写属性 3
快乐飞艇是犯法的吗:column-rule-color 指定列之间的色彩法则 3
快乐飞艇是犯法的吗:column-rule-style 指定列之间的款式法则 3
快乐飞艇是犯法的吗:column-rule-width 指定列之间的宽度法则 3
快乐飞艇是犯法的吗:column-span 指定元素应当逾越几多列 3
快乐飞艇是犯法的吗:column-width 指定列的宽度 3
columns 缩写属性设置列宽和列数 3

页面媒体(Paged Media) 属性

属性 申明 CSS
fit 若是其宽度和高度属性都不是auto给出一个提醒,若何大范围替代元素 3
fit-position 鉴定方框内工具的对齐体例 3
image-orientation 指定用户代办署理合用于图象中的向右或顺时针标的目的的扭转 3
page 指定一个元素应显现的页面的特定范例 3
size 指定含有BOX的页面内容的巨细和方位 3

定位(Positioning) 属性

属性 申明 CSS
bottom 设置定位元素下外边距边境与其包罗块下边境之间的偏移 2
clear 划定元素的哪一侧不许可其余浮动元素 1
clip 剪裁绝对定位元素 2
cursor 划定要显现的光标的范例(外形) 2
display 划定元素应当天生的框的范例 1
float 划定框是不是应当浮动 1
left 设置定位元素左外边距边境与其包罗块左侧界之间的偏移 2
overflow
划定当内容溢出元素框时产生的工作 2
position 划定元素的定位范例 2
right 设置定位元素右外边距边境与其包罗块右侧界之间的偏移 2
top 设置定位元素的上外边距边境与其包罗块上边境之间的偏移 2
快乐飞艇是犯法的吗:visibility 划定元素是不是可见 2
z-index 设置元素的重叠挨次 2

分页(Print) 属性

属性 申明 CSS
orphans 设置当元素外部产生分页时必须在页面底部保留的起码行数 2
快乐飞艇是犯法的吗:page-break-after 设置元素后的分页行动 2
快乐飞艇是犯法的吗:page-break-before 设置元素前的分页行动 2
快乐飞艇是犯法的吗:page-break-inside 设置元素外部的分页行动 2
widows 设置当元素外部产生分页时必须在页面顶部保留的起码行数 2

Ruby 属性

属性 申明 CSS
ruby-align 节制Ruby文本和Ruby根本内容绝对相互的文本对齐体例 3
ruby-overhang 当Ruby文本逾越Ruby的根本宽,肯定ruby文本是不是许可部分悬置肆意相邻的文本,除本身的根本 3
ruby-position 它的base节制Ruby文本的地位 3
ruby-span 节制annotation 元素的逾越行动 3

语音(Speech) 属性

属性 申明 CSS
mark 缩写属性设置mark-before和mark-after属性 3
mark-after 许可定名的标记毗连到音频流 3
mark-before 许可定名的标记毗连到音频流 3
phonemes 指定包罗文本的响应元素中的一个音标发音 3
rest 一个缩写属性设置rest-before和rest-after属性 3
rest-after 一个元素的内容讲完以后,指定要歇息一下或遵照韵律边境 3
rest-before 一个元素的内容讲完之前,指定要歇息一下或遵照韵律边境 3
voice-balance 指定了左,右声道之间的均衡 3
voice-duration 指定应采用显现所选元素的内容的长度 3
voice-pitch 指定均匀措辞的声响的调子(频次) 3
voice-pitch-range 指定均匀间距的变更 3
voice-rate 节制语速 3
voice-stress 唆使侧重力度 3
voice-volume 语音分解是指波形输入幅度 3

表格(Table) 属性

属性 申明 CSS
快乐飞艇是犯法的吗:border-collapse 划定是不是归并表格边框 2
快乐飞艇是犯法的吗:border-spacing 划定相邻单位格边框之间的间隔 2
快乐飞艇是犯法的吗:caption-side 划定表格标题的地位 2
快乐飞艇是犯法的吗:empty-cells 划定是不是显现表格中的空单位格上的边框和背景 2
快乐飞艇是犯法的吗:table-layout 设置用于表格的规划算法 2

文本(Text) 属性

属性 申明 CSS
color 设置文本的色彩 1
快乐飞艇是犯法的吗:direction 划定文本的标的目的 / 誊写标的目的 2
快乐飞艇是犯法的吗:letter-spacing 设置字符间距 1
快乐飞艇是犯法的吗:line-height 设置行高 1
快乐飞艇是犯法的吗:text-align 划定文本的程度对齐体例 1
快乐飞艇是犯法的吗:text-decoration 划定增加到文本的装潢结果 1
快乐飞艇是犯法的吗:text-indent 划定文本块首行的缩进 1
快乐飞艇是犯法的吗:text-transform 节制文本的巨细写 1
unicode-bidi ? 2
快乐飞艇是犯法的吗:vertical-align 设置元素的垂直对齐体例 1
快乐飞艇是犯法的吗:white-space 设置若何给一元素控件留白 1
快乐飞艇是犯法的吗:word-spacing 设置单词间距 1
快乐飞艇是犯法的吗:text-emphasis 向元素的文本利用重点标记和重点标记的远景色。 1
快乐飞艇是犯法的吗:hanging-punctuation 指定一个标点标记是不是能够超越行框 3
快乐飞艇是犯法的吗:punctuation-trim 指定一个标点标记是不是要去掉 3
快乐飞艇是犯法的吗:text-align-last 当 text-align 设置为 justify 时,最初一行的对齐体例。 3
快乐飞艇是犯法的吗:text-justify 当 text-align 设置为 justify 时指定分离对齐的体例。 3
快乐飞艇是犯法的吗:text-outline 设置笔墨的表面。 3
快乐飞艇是犯法的吗:text-overflow 指定当文本溢出包罗的元素,应当产生甚么 3
快乐飞艇是犯法的吗:text-shadow 为文本增加暗影 3
快乐飞艇是犯法的吗:text-wrap 指定文本换行法则 3
快乐飞艇是犯法的吗:word-break 指定非CJK笔墨的断行法则 3
快乐飞艇是犯法的吗:word-wrap 设置阅读器是不是对太长的单词停止换行。 3

2D/3D 转换属性

属性 申明 CSS
快乐飞艇是犯法的吗:transform 合用于2D或3D转换的元素 3
快乐飞艇是犯法的吗:transform-origin 许可您变动转化元素地位 3
快乐飞艇是犯法的吗:transform-style 3D空间中的指定若何嵌套元素 3
快乐飞艇是犯法的吗:perspective 指定3D元素是若何检查透视图 3
快乐飞艇是犯法的吗:perspective-origin 指定3D元素底部地位 3
快乐飞艇是犯法的吗:backface-visibility 界说一个元素是不是应当是可见的,错误着屏幕时 3

过渡(Transition) 属性

属性 申明 CSS
快乐飞艇是犯法的吗:transition 此属性是 transition-property、transition-duration、transition-timing-function、transition-delay 的简写情势。 3
快乐飞艇是犯法的吗:transition-property 设置用来停止过渡的 CSS 属性。 3
快乐飞艇是犯法的吗:transition-duration 设置过渡停止的时候长度。 3
快乐飞艇是犯法的吗:transition-timing-function 设置过渡停止的时序函数。 3
快乐飞艇是犯法的吗:transition-delay 指定过渡起头的时候。 3

用户表面(User-interface) 属性

属性 申明 CSS
快乐飞艇是犯法的吗:appearance 界说元素的表面款式 3
快乐飞艇是犯法的吗:box-sizing 许可您为了顺应地区以某种体例界说某些元素 3
icon 为元素指定图标 3
nav-down 指定用户按向下键时向下导航的地位 3
快乐飞艇是犯法的吗:nav-index 指定导航(tab)挨次。 3
nav-left 指定用户按向左键时向左导航的地位 3
快乐飞艇是犯法的吗:nav-right 指定用户按向右键时向左导航的地位 3
nav-up 指定用户按向上键时向上导航的地位a 3
快乐飞艇是犯法的吗:outline-offset 设置表面框架在 border 边缘外的偏移 3
resize 界说元素是不是能够转变巨细 3