当前位置: 首页 > Web前端 > CSS

CSS参考手册-中文API文档

时间:2023-03-30 14:17:57 CSS

本文参考CSS中文文档CSS参考手册AxiheTutorialCSS参考手册在各大浏览器测试。CSS属性“CSS”列指示该属性在哪个CSS版本中定义(CSS1、CSS2或CSS3)。Animationproperty属性说明CSS@keyframes定义了一个动画,@keyframes定义的动画名称被animation-name使用。3动画复合属性。检索或设置应用于对象的动画效果。3animation-name检索或设置应用于对象的动画的名称,必须与规则@keyframes一起使用,因为动画名称由@keyframes定义3animation-duration检索或设置对象动画的持续时间3animation-timing-function检索或设置对象动画的持续时间Transitiontype3animation-delay检索或设置对象动画的延迟时间3animation-iteration-count检索或设置对象动画的循环次数动画的状态3背景属性属性描述CSSbackground复合属性。设置对象的背景属性。1background-attachment设置或获取背景图像是随对象内容滚动还是固定。必须首先指定背景图像属性。1background-color设置或获取对象的背景色。1background-image设置或检索对象的背景图像。1background-position设置或获取对象的背景图像位置。必须首先指定背景图像属性。1background-repeat设置或获取如何布置和填充对象的背景图像。必须首先指定背景图像属性。1background-clip指定对象背景图片向外裁剪的区域。3background-originS在计算background-position时设置或获取对象背景图片的参考原点(位置)。3background-size检索或设置对象背景图像的大小。3边框(Border)和轮廓(Outline)属性属性说明CSS边框复合属性。设置对象边框的属性。1border-bottom复合属性。设置对象底部边框的属性。1border-bottom-color设置或获取对象的底部边框颜色。1border-bottom-style设置或获取对象的底部边框样式。1border-bottom-width设置或获取对象的底部边框宽度。1border-color设置或获取对象的边框颜色。1border-left复合属性。设置对象左边框的属性。1border-left-color设置或获取对象左边框的颜色。1border-left-style设置或获取对象的左边框样式。1border-left-width设置或获取对象左边框的宽度。1border-right复合属性。设置对象右边框的属性。1border-right-color设置或获取对象的右边框颜色。1border-right-style设置或获取对象的右边框样式。1border-right-width设置或获取对象右边框的宽度。1border-style设置或获取对象的边框样式。1border-top复合属性。设置对象上边框的属性。1border-top-color设置或获取对象的上边框颜色1border-top-style设置或获取对象的上边框样式。1border-top-width设置或获取对象的上边框宽度。1border-width设置或获取对象的边框宽度。1大纲复合属性。设置或获取对象外线的轮廓。2outline-color设置或获取对象外部线条轮廓的颜色。2outline-style设置或获取对象外线条轮廓的样式。2outline-width设置或获取对象外线条轮廓的宽度。2border-bottom-left-radius设置或获取对象的左下圆角边框。提供2个参数,2个参数之间用空格隔开,每个参数允许设置1个参数值,第一个参数表示水平半径,第二个参数表示垂直半径,如果省略第二个参数,则默认等于第一个参数3border-bottom-right-radius设置或获取对象的右下角圆角边框。3border-image设置或获取要填充图像的对象的边框样式。3border-image-outset指定边框图像超出边框的量。3border-image-repeat指定图像边界是否应该重复、拉伸或圆角。3border-image-slice指定图像边框向内的偏移量。3border-image-source指定要使用的图像,而不是border-style属性中设置的边框样式。3border-image-width指定图像边框的宽度。3border-radius设置或检索对象使用圆角边框。3border-top-left-radius定义了左上边框的形状。3border-top-right-radius定义了右上边框的形状。3box-decoration-break指定内联元素被换行。3box-shadow给盒子添加一个或多个阴影。3框(Box)属性属性说明CSSoverflow-x如果内容溢出元素的内容区域,是否裁剪内容的左/右边缘。3overflow-y如果内容溢出元素内容区域,是否裁剪内容的上/下边缘。3overflow-style指定溢出元素的首选滚动方式。3rotation围绕由rotation-point属性定义的点旋转元素。3rotation-point定义距左上边框边缘的偏移点。3Color(颜色)属性属性说明CSScolor-profile允许使用源默认颜色配置文件以外的规范3opacity设置元素的透明度级别3rendering-intent允许使用默认颜色配置文件之外的其他规范渲染意图3PaddingAttribute属性说明CSSpadding在一条语句中设置所有内边距属性1padding-bottom设置元素的底部内边距1padding-left设置元素的左内边距1padding-right设置元素的右内边距1padding-top设置元素的上内边距1mediapagecontent属性属性说明CSSbookmark-label指定书签的标签3bookmark-level指定书签级别3bookmark-target指定书签链接的目标3float-offset将浮动元素推向相反的方向,它们总是有浮动3hyphenate-after指定ahyphenatedwordbreak连字符后的最少字符数atecharacter3hyphenate-before指定连字符前的最小字符数hyphenatecharacter3hyphenate-character指定出现连字符时显示的字符串3hyphenate-lines表示连续连字符的行数3hyphenate-resource外部资源指定的最大元素数一个逗号分隔的列表,可以帮助确定浏览器的断字点3hyphens设置如何拆分单词以改进段落的布局3image-resolution指定正确的图像分辨率3marks将裁剪和/或交叉标志添加到文档3string-set3Dimension(维度)attribute属性说明CSSwidth设置元素的宽度1height设置元素的高度1max-height设置元素的最大高度2max-width设置元素的最大宽度2min-height设置元素的最小高度2min-width设置元素2的最小宽度FlexibleBoxProperties(New)属性说明CSSflex复合属性。设置或获取flexbox模型对象的子元素如何分配空间。3flex-grow设置或获取弹性框的扩展比例。3flex-shrink设置或获取弹性框的收缩率。3flex-basis设置或获取弹性盒子的弹性基值。3flex-flow复合特性。设置或获取flexbox模型对象的子元素排列。3flex-direction该属性通过定义flex容器的主轴方向来决定felxchild在flex容器中的位置。3flex-wrap该属性控制flex容器是单行还是多行,横轴的方向决定了新行堆叠的方向。3align-content当弹性容器中的项目没有占据横轴上的所有可用空间时,对齐弹性容器中的项目(垂直)。3align-items定义了flex项目在flex容器当前行的横轴(纵轴)方向的对齐方式。3align-self单独定义了flex项目在横轴(纵轴)方向的对齐方式。3justify-content设置或获取弹框元素在主轴(横轴)方向的对齐方式。3order设置或获取flexbox模型对象的子元素出现的顺序。3柔性盒模型(FlexibleBox)属性(旧)属性说明CSSbox-align指定盒子的子元素如何对齐3box-direction指定盒子的子元素在哪个方向显示3box-flex指定子元素是否对齐-盒子的元素是Flexibleorfixedsize3box-flex-group将flexible元素分配给Flexgroup3box-lines每当它运行在parentbox的空间时,是否指定添加新行3box-ordinal-group指定一个盒子子元素的显示顺序3box-orient指定一个盒子的子元素应该水平还是垂直方向布局3box-pack指定水平盒子在垂直盒子中的水平位置和垂直位置Set所有字体属性1font-family指定文本的字体系列1font-size指定文本的字体大小1font-style指定文本的字体样式1font-variant指定文本的字体样式1font-weightspe指定字体的粗细1@font-face规则,允许网站下载和使用超过“Web-safe”字体的其他字体3font-size-adjust指定元素的纵横比值3font-stretch收缩或拉伸currentfontfamily3GeneratedContentProperties属性描述CSScontent和:before和:after伪元素一起使用来插入生成的内容2counter-increment递增或递减一个或多个计数器2counter-reset创建或重置一个或多个计数器2quotes设置引用类型对于嵌套引号2crop允许被替换的元素只是作为一个对象而不是整个对象的一个??矩形区域3move-to导致一个元素从流中移除并在文档的稍后点重新插入3page-policy确定字符串值适用于基于给定页面元素的计数器3grid(网格)属性属性描述CSSgrid-columns指定网格中每列的宽度3grid-rowsspecifiestheheightofeachcolumninthegrid3超链接(Hyperlink)属性属性描述CSStarget简写属性设置target-name,target-new和target-position属性3target-name指定打开链接的位置(目标位置)3target-new指定新目标链接是打开一个新窗口还是在现有窗口中打开一个新选项卡3target-position指定它在哪里shouldbeplacedPositionofthenewtargetlink3LineboxAttributes属性描述CSSalignment-adjust允许更精确地对齐元素3alignment-baseline元素如何在其父级指定的内联级别对齐3baseline-shift允许相对于dominant-baseline的dominant重新定位-baseline3dominant-baseline指定scaled-baseline-table3drop-initial-after-adjust设置下拉主连接点的初始对齐点3drop-initial-after-align校准行内初始行的设置为第一个字母的框使用主连接点3drop-initial-before-adjust设置下拉副连接点3drop-init的初始对齐点ial-before-alignalignmentrow内初始行的设置是首字母框使用次要连接点3drop-initial-size控制部分初始下降3drop-initial-value激活初始下降效果down3inline-box-align设置一个多行内联块,上一个和下一个内联元素的对齐方式3line-stackingone速记属性设置了line-stacking-strategy、line-stacking-ruby和line-stacking-shiftproperties3line-stacking-ruby设置包含Ruby注释元素的行块元素的堆叠方式3line-stacking-shift设置base-shift行中间的块元素包含元素的堆叠方式3line-stacking-strategy设置堆叠方式3text-height内联框的文本内容区域设置block-progression维度3列表(List)属性属性描述CSSlist-style设置所有列表attributesinonedeclaration1list-style-image将图像设置为列表项标记1list-style-position设置列表项标记1的放置位置list-style-type设置列表项标记1的类型边距(Margin)属性属性说明CSSmargin一条语句设置所有边距属性1margin-bottom设置元素的下边距1margin-left设置元素的左外边距1margin-right设置元素的右外边距1margin-top设置元素的上外边距1Marqueeproperty属性说明CSSmarquee-direction设置内容移动的方向3marquee-play-count设置内容移动多少次3marquee-speed设置内容滚动的速度3marquee-style设置内容移动的样式3多列(Multi-column)属性属性说明CSScolumn-count指定元素应该被分成多少列3column-fill指定如何填充列3column-gap指定列之间的间隙3column-rule是设置所有column-rule-*属性的简写3column-rule-colorspecifies列之间的颜色规则3column-rule-style指定列之间的样式规则3column-rule-width指定列之间的宽度3column-span指定元素应该跨越多少列3column-width指定列的宽度3columns缩写属性设置列宽和列数3PageMedia(分页媒体)属性属性描述CSSfit如果它的width和height属性都没有auto给出了如何在大范围内替换元素的提示3fit-position确定一个框内对象的对齐方式3image-orientation指定用户代理对图像应用的右旋或顺时针旋转3page指定元素应该显示什么页面的具体类型3size指定包含BOX的页面内容的大小和方向3Positioning(定位)属性属性描述CSSbottom设置定位元素的底部外边距边界和元素的底部边界之间的偏移量包含块2clear指定不允许元素的哪一侧浮动其他浮动元素1clip剪辑绝对定位元素2cursor指定要显示的光标类型(形状)2display指定元素应该生成的框类型1float指定框是否应该float1left设置定位元素的左边距边界和包含块偏移量的左边界之间的距离2overflow指定内容溢出元素的框时发生的情况2position指定元素定位类型2right设置被定位元素的右外边边界与包含块右边界之间的偏移量2top设置被定位元素的上外边边界与包含块上边界之间的偏移量2visibility指定元素是否可见2z-index设置元素的堆叠顺序2pagination(Print)property属性说明CSSorphans设置元素内部发生分页时必须保留在页面底部的最小行数2page-break-after设置元素之后的分页行为2page-break-before设置元素之前的分页行为2page-break-inside设置元素内部的分页行为2widows设置分页时必须保留在页面顶部的最小行数发生在元素内部悬垂当拼音文本超过拼音基础宽度时,判断拼音文本是否允许任何相邻元素的部分悬垂xt,除了它自己的base3ruby??-position其base控制Ruby文本的位置3ruby??-span控制注释元素的跨越行为3Speech(语音)属性属性说明CSSmark缩写属性设置mark-before和mark-after属性3mark-after允许命名标记连接到音频流3mark-before允许命名标记连接到音频流3phonemes指定包含文本的对应元素之一Phonetic发音3rest一个缩写属性设置rest-before和rest-after属性3rest-after一个元素的内容完成后,指定休息或按照韵律边界3rest-before一个元素的内容完成前,指定休息或3voice-balance指定之间的平衡左右声道3voice-duration指定渲染所选元素内容所需的长度3voice-pitch指定音高(频率y)说话的平均语音3voice-pitch-range指定平均间距的变化3voice-rate控制语速3voice-stress表示强调3voice-volume语音合成指波形输出幅度3Table(表)属性属性说明CSSborder-collapse指定是否合并表格边框2border-spacing指定相邻单元格2caption-side指定表格标题边框之间的距离位置2empty-cells指定是否在表格中的空单元格上显示边框和背景2table-layout设置表格的布局算法2text(文本)属性属性说明CSScolor设置文本的颜色1direction指定文本的方向/书写方向2letter-spacing设置字符间距1line-height设置行高1text-align指定文本的水平对齐方式1text-decoration指定文本添加的装饰效果1text-indent指定首行缩进文本块1text-transform控制文本的大小写1unicode-bidi2vertical-align设置元素的垂直对齐方式1white-space设置如何将元素留空1word-spacing设置字间距1text-emphasis强调文本元素和强调的前景色1hanging-punctuation指定一个标点符号是否可以超出行框3punctuation-trim指定是否应该删除标点符号3text-align-last当text-align设置为justify时,最后一行的对齐方式。3text-justify当text-align设置为justify时,指定分散对齐的方式。3text-outline设置文本的轮廓。3text-overflow指定当文本溢出包含的元素时应该发生什么3text-shadow为文本添加阴影3text-wrap指定文本换行规则3word-break指定非中日韩文本的换行规则3word-wrap设置是否浏览器对待太长的单词换行。32D/3DTransformationProperties属性说明CSStransform适用于2D或3D变换元素3transform-origin允许你改变变换元素的位置元素底部的位置3backface-visibility定义元素是否可见,不面向屏幕时3过渡(Transition)属性属性说明CSStransition该属性是transition-property、transition-duration、transition-timing-function、transition-delayform的简写。3transition-property设置用于过渡的CSS属性。3transition-duration设置过渡发生的时间长度。3transition-timing-function设置transition的计时函数。3transition-delay指定过渡开始的时间。3用户界面(User-interface)属性属性说明CSSappearance定义了元素的外观样式3box-sizing允许你以某种方式定义某些元素以适应区域3icon指定元素的图标3nav-down指定用户按向下键down导航位置3nav-index指定导航(tab)顺序。3nav-left指定用户按下左键时向左导航的位置3nav-right指定用户按下右键时向左导航的位置3nav-up指定用户按下向上键时向上导航的位置a3outline-offset设置outlineframeatborderOffset3resizeoutsideedge定义元素是否可以改变大小3