css30参考手册

CSS3Properties属性列表Bordersborder-colorborder-imageborder-radiusbox-shadowBackgroundsbackground-originbackground-clipbackground-sizemultiplebackgroundsColorHSLcolorsHSLAcolorsopacityRGBAcolorsTexteffectstext-shadowtext-overflowword-wrapUser-interfacebox-sizingresizeoutlinenav-up,nav-right,nav-down,nav-leftSelectorsattributeselectorsBasicboxmodeloverflow-x,overflow-yPage1ABCAmberCHMConverterTrialversion,contentOthermodulesmediaqueriesmulti-columnlayoutWebfontsspeechCopyright?2009TencentISDwebteam.AllRightsReservedPage2ABCAmberCHMConverterTrialversion,属性列表border-colorborder-imageborder-radiusbox-shadowCopyright?2009TencentISDwebteam.AllRightsReservedPage3ABCAmberCHMConverterTrialversion,版本：CSS3继承性：无border-color：color相关属性：border-top-color,border-right-color,border-bottom-color,border-left-colorcolor：颜色值。1.设置对象边框的颜色。使用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.5Page4ABCAmberCHMConverterTrialversion,!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/headbodydivstyle=border:8pxsolid#000;-moz-border-bottom-colors:#555#666#777#888#999#aaa#bbb/body/html复制代码Copyright?2009TencentISDwebteam.AllRightsReserved快速跳转语法取值说明兼容性示例Page5ABCAmberCHMConverterTrialversion,版本：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-imagenone：默认值。无背景图。image：使用绝对或相对url地址指定背景图像。number：边框宽度用固定像素值表示。percentage：边框宽度用百分比表示。[stretch|repeat|round]：拉伸|重复|平铺(其中stretch是默认值。)1.使用图片作为对象的边界。当table设置border-collapse为collapse无效。引擎类型GeckoWebkitPrestoBorder-image-moz-border-image-webkit-border-imagePage6ABCAmberCHMConverterTrialversion,类型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/headbodydivstyle=-webkit-border-image:url(img/bt_blue.png)012012stretchstretch;-moz-border-imadisplay:block;border-width:012px;padding:10px;复制代码Copyright?2009TencentISDwebteam.AllRightsReserved快速跳转语法取值说明兼容性示例Page7ABCAmberCHMConverterTrialversion,版本：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-radiuslength：由浮点数字和单位标识符组成的长度值。不可为负值。border-top-left-radius：由浮点数字和单位标识符组成的长度值。不可为负值。1.第一个值是水平半径。2.如果第二个值省略，则它等于第一个值，这时这个角就是一个四分之一圆角。3.如果任意一个值为0，则这个角是矩形，不会是圆的。4.值不允许是负值。引擎类型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.5Page8ABCAmberCHMConverterTrialversion,类型InternetExplorerFirefoxChromeOperaSafari!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/headbodydivstyle=border-width:1px;border-st