css3.0参考手册

CSS3PropertiesBordersborder-colorborder-imageborder-radiusbox-shadowBackgroundsbackground-originbackground-clipbackground-sizemultiplebackgroundsColorHSLcolorsHSLAcolorsopacityRGBAcolorsTexteffectstext-shadowtext-overflowword-wrapUser-interfacebox-sizingresizeoutlinenav-up,nav-right,nav-down,nav-leftSelectorsattributeselectorsBasicboxmodeloverflow-x,overflow-yGeneratedContentcontentOthermodulesmediaqueriesmulti-columnlayoutWebfontsspeechCopyright©2009TencentISDwebteam.AllRightsReservedBordersPropertiesborder-colorborder-imageborder-radiusbox-shadowCopyright©2009TencentISDwebteam.AllRightsReservedBorder-color版本：CSS3继承性：无语法：border-color：color相关属性：border-top-color,border-right-color,border-bottom-color,border-left-color取值：颜色值。color：说明：设置对象边框的颜色。使用CSS3的border-radius属性，如果你设置了border的宽度是Xpx，那么你就可以在这个border上使用X种颜色，每种颜色显示1px的宽度。如果说你的border的宽度是10个像素，但是只声明了5或6种颜色，那么最后一个颜色将被添加到剩下的宽度。引擎类型GeckoWebkitPrestoBorder-color-moz-border-color兼容性：类型InternetExplorerFirefoxChromeOperaSafari版本(×)IE6(×)Firefox2.0(×)Chrome1.0.x(×)Opera9.64(×)Safari3.1(×)IE7(√)Firefox3.0(×)Chrome2.0.x(×)IE8(√)Firefox3.5示例：!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Strict//EN==Content-Typecontent=text/html;charset=utf-8/metahttp-equiv=Content-Languagecontent=utf-8/metaname=robotscontent=all/metaname=authorcontent=Tencent-ISRD/metaname=Copyrightcontent=Tencent/titleBorder-color/title/head!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Strict//EN==Content-Typecontent=text/html;charset=utf-8/metahttp-equiv=Content-Languagecontent=utf-8/metaname=robotscontent=all/metaname=authorcontent=Tencent-ISRD/metaname=Copyrightcontent=Tencent/titleBorder-color/title/head快速跳转语法取值说明兼容性示例复制代码Copyright©2009TencentISDwebteam.AllRightsReservedBorder-image版本：CSS3继承性：无语法：border-image：none|image[number|percentage]{1,4}[/border-width{1,4}]?[stretch|repeat|round]{0,2}相关属性：border-image：border-top-image,border-right-image,border-bottom-image,border-left-image　　　　　　border-corner-image：border-top-left-image,border-top-right-image,border-bottom-left-image,border-bottom-right-image取值：默认值。无背景图。使用绝对或相对url地址指定背景图像。边框宽度用固定像素值表示。边框宽度用百分比表示。拉伸|重复|平铺(其中stretch是默认值。)none：image：number：percentage：[stretch|repeat|round]：说明：使用图片作为对象的边界。当table设置border-collapse为collapse无效。引擎类型GeckoWebkitPrestoBorder-image-moz-border-image-webkit-border-image兼容性：类型InternetExplorerFirefoxChromeOperaSafari版本(×)IE6(×)Firefox2.0(√)Chrome1.0.x(×)Opera9.64(√)Safari3.1(×)IE7(×)Firefox3.0(√)Chrome2.0.x(√)Safari4(×)IE8(√)Firefox3.5示例：使用的图片:快速跳转语法取值说明兼容性示例!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Strict//EN==Content-Typecontent=text/html;charset=utf-8/metahttp-equiv=Content-Languagecontent=utf-8/metaname=robotscontent=all/metaname=authorcontent=Tencent-ISRD/metaname=Copyrightcontent=Tencent/titleBorder-image/title/head!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Strict//EN==Content-Typecontent=text/html;charset=utf-8/metahttp-equiv=Content-Languagecontent=utf-8/metaname=robotscontent=all/metaname=authorcontent=Tencent-ISRD/metaname=Copyrightcontent=Tencent/titleBorder-image/title/head复制代码Copyright©2009TencentISDwebteam.AllRightsReservedBorder-radius版本：CSS3继承性：无语法：border-radius：none|length{1,4}[/length{1,4}]?相关属性：border-top-right-radius,border-bottom-right-radius,border-bottom-left-radius,border-top-left-radius取值：由浮点数字和单位标识符组成的长度值。不可为负值。由浮点数字和单位标识符组成的长度值。不可为负值。length：border-top-left-radius：说明：第一个值是水平半径。如果第二个值省略，则它等于第一个值，这时这个角就是一个四分之一圆角。如果任意一个值为0，则这个角是矩形，不会是圆的。值不允许是负值。引擎类型GeckoWebkitPrestoBorder-radius-moz-border-radius-webkit-border-radiusborder-bottom-left-radius-moz-border-radius-bottomleft-webkit-border-bottom-left-radiusborder-bottom-right-radius-moz-border-radius-bottomright-webkit-border-bottom-right-radiusborder-top-left-radius-moz-border-radius-topleft-webkit-border-top-left-radiusborder-top-right-radius-moz-border-radius-topright-webkit-border-top-right-radius兼容性：类型InternetExplorerFirefoxChromeOperaSafari版本(×)IE6(×)Firefox2.0(√)Chrome1.0.x(×)Opera9.64(√)Safari3.1(×)IE7(√)Firefox3.0(√)Chrome2.0.x(×)IE8(√)Firefox3.5示例：快速跳转语法取值说明兼容性示例!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Strict//EN==Content-Typecontent=text/html;charset=utf-8/metahttp-equiv=Content-Languagecontent=utf-8/metaname=robotscontent=all/metaname=authorcontent=Tencent-ISRD/metaname=Copyrightcontent=Tencent/titleBorder-radius/title/head!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Strict//EN=