CSS3.0参考手册本地离线版本

所需积分/C币:50 2015-10-06 19:44:20 7.83MB PDF
40
收藏 收藏
举报

CSS3.0参考手册(本地版) 不是在线阅读的,不是300k的
Border-color 版本:CSS3继承性:无 语法 快速跳转 语法 border-color 取值 相关属性: border-top- color, border- right-color, border- botton- color, border-left- color 说明 兼容性 取值: 示例 < color>;颜色值 说明: 设置对象边框的颜色。 使用CSS3的 border -radius属性,如果你设置了 border的宽度是Xpx,那么你就可以在这个 border上使用x种颜色,每种颜色显示1px的宽 度。如果说你的 border的宽度是10个像素,但是只声明了5或6种颜色,那么最后一个颜色将被添加到剩下的宽度。 引擎类型 Gecko Webkit Presto Border-color-moz-border-color 兼容性: 类型 Internet Explorer Firefox Chrome Opera Safari (x)IE6 (x) Firefox 2.0 (x) Chrome 1.0.x (×) Opera9.64 (×) Safari3.1 (x)IE7 (V)Firefox 3.0 (x) Chrome 2.0.X 版本 (×)IE8 v) Firefox 3.5 示例: 在 Firefox的浏览器里能看到边框渐变色效果 本示例为截图 DocTYPE html PUBLIC "-//W3C//DID XIITML 1 0 Strict//en""http://www.w3.orc/te/xhtm11/dtd/xrTmll-strict.dtd"> atmlxmins=http://www.w3.orc/1999/xhtml"> retahttp-equiv="content-type"content="text/ftml;:harset=utf-8"7> retahttp-equiv-"content-lanquage"content-utf-8/> meta nanme="robots content="all"/> meta nanme-lautrorm content-"Tencent-ISRD/> net.a nane="Copyright content="Ten:ent "/> <title>Border-color</ttle> cody> 复制代码 Copyright 2009 Tencent ISD webteam. All Rights Reserved Border-image 版本:CSS3继承性:无 语法 快速跳转 语法 border-image: none <image> [<number>| <percentage>]1, 4[/<border-width>(1, 41]?[ stretch I repeat round 取值 说明 TA XEt: border-im age: border-top-im age, bor der-right-im age, border-bottom -im age, border-left-image 兼容性 border-corner-image: border-top-left- image, border-top-right-im age, border-bottom-left-im age, border-bottom right-image 示例 取值: none:默认值。无背景图。 < amage>:使用绝对或相对url地址指定背景图像。 < number>:边框宽度用定像素值表示。 < percentage>:边框宽度用百分比表示 [ stretch| repeat I round]:拉伸|重复|平铺(其中 Stretch是默认值。) 说明: 使用图片作为对象的边界 table设置 border-collapse为 collapse无效。 引擎类型 Gecko Webkit P resto Border-image-moz-border-image-webkit-border-image 兼容性 类型 Internet Explorer Fi reTox Chrome Opera (x)IE6 (x)Firefox 2.0 (v)Chrome 1.0.x (x)Opera 9.64 √) Safari3.1 (x)正E7 (×) Firefox3.0 () Chrome 2.0.x Safari 4 版本 (x)IE8 (v) Firefox 3.5 示例: 在 Esaf浏览器里能看到边框背景图 本示例为截图 使用的图片 tml PUBLIC "-//W3C//DID XHTML 1.0 /TR/ xhtml1/DTD/:tml1-strict dtd"> atmlxmins-"http://www.w3.orc/1999/xhtml"> retahttp-equiv="content-type"content=text/rtml;charset=utf-8"7> <eta name="robots content=all/> meta name="autror content="Tencent-ISRD Copyright content="le title.>Border-image</title> 复制代码 Co pyright 2009 Tencent IsD webteam. All RIghts Reserved Border-radius 版本:CSS3继承性:无 语法 快速跳转 语法 border-radius: none length >(1, 4[/<length>(1, 41]? 取值 HA 1E: border-top-right-radius, border-bottom-right-radius, border-bottom-left-radius, bor der-top-left-radius 说明 兼容性 取值: 示例 < Length>;由浮点数字和单位标识符组成的长度值。不可为负值。 border-top-eft- radius:由浮点数字和单位标识符组成的长度值。不可为负值。 说明: 第一个值是水平半径。 如果第二个值省略,则它等于第一个值,这时这个角就是一个四分之一圆角。 如果任意一个值为0,则这个角是矩形:不会是圆的。 值不允许是负值。 引擎类型 Gecko Webkit Presto Border-radius -moz-border-radius web kit-border-radius border-bottom-left-radius-moz-border-radius-bottomleft-webkit-border-bottom-left-radius border-bottom-right-radius-moz-border-radius-bottomright-webkit-border-bottom-right-radius border-top-left-radius moz-border-radius-topleft -webkit-border-top-left-radius border-top-right-radius-moz-border-radius-topright webkit-border-top-right-radius 兼容性: 类型 Internet Explorer Firefox Chrome Opera Safari (x)IE6 () Firefox 2.0 (√) Chrome1.0.x (×) Opera9.64 (v) Safari 3.1 (x)IE7 (v) Firefox 3.0 (√) Chrome2.0.x 版本 (x)IE8 (V) Firefox 3.5 例 在 Firefox和 Safari3的离览器里能看到园角效果 本示例为截图 DOCTYPE html PUBLIC "-//W3C//DID XHTM atmlxm_ns-http://www.w3.orc/1999/xhtml"> retahttp-equiv-"content-type"content-"text/rtmlicharset-utf-8"7> Cmetahttp-equiv="content-tanquage"content="utf-8"/ <reta nanme="author content="Tencent-ISRD"/> meta name="Copyright n content=Tencent <title>Border-radius</title> 复制代码 Copyright 2009 Tencent ISD webteam. All Rights Reserved box-shadow 版本;CSs3 语法 快速跳转 语法 box-shadow: length> <length> c length> <length> color 取值 相关属性:text- shadow 说明 兼容性 取值: 示例 < ength>< Length>< leng th>?< length>?‖1< color>:阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊 值;阴影颜色 说明: 设置块阴影 引擎类型 Gecko Webkit Presto Box-shadow-moz-box-shadow-webkit-border-shadow 兼容性 类型 Internet Explorer Firefox Chrome Safari (x)IE6 (x) Firefox 3.0.10 () Chrome 2.0.x (×) Opera9.64 (v) Safari 4 (x)IE7 (V) Firefox 3.5 版本 (×)IE8 示例: Safari下可以看到效果 本示例为截图 DOCTyPE html PUBlIC -//W3C///DID XHTML 1. 0 Strict//en""http://www.w3.orc/tr/xhtm11/dTd/xrtmll-strict.dtd"> atmlxm_ns=http://www.w3.orc/1999/xhtml <head> retahttp-equiv="content-languagecontent=utf-8 meta nanme="author content="fencent-ISRD"/> htm content="Tencent / title>box-shadow</title> 复制代码 Copyright C 2009 Tencent ISD webteam. All Rights Reserved Background Properties background-origin background-clip background-size multiple backgrounds Co pyright 2009 Tencent ISD webteam. All Rights Reserved background-origin 版本:CSS3继承性:无 语法 快速跳转 语法 background-origin: border I padding I content 取值 相关属性: background-clip I background-size 说明 兼容性 取值: 示例 border;从 border区域开始显示背景。 padding:从 padding区域开始显示背景。 content:从 conten区域开始显示背景。 说明: 用来决定 background- position计算的参考位置。 引擎类型 Gecko Webkit Presto background-origin-moz-background-origin-webkit-background-origin-o-background-origin 兼容性 类型 Internet Explorer Firefox Chrome Opera Safari (x)IE6 (V)Firefox 3.0 ()Chrome 1.0.x (v)Opera 9.63 (v) Safari 3.1 (x)E7 (v) Firefox 3.5 Chrome 2.0x √) Safari4 版本 (x)IE8 示例 padding content 本示例为截图 I DOCrYPE html PUBLIC "-//W3C//DID XHTMI 1.0 Strict//en""http://www.w3.orc/tr/xhtml1/Dtd/xhtmll-strict.dtd"> atmlxmins="http://www.w3.orc/1999/xhtml"> retahttp-equiv="content-type"content="text/btml;charset=utf-8"7> Krmetahttp-equiv-"content-lanquage"content-"utf-8/> eta nane="robots" content="a11"/> .eta nanme"autror content-Tencent-ISRD/ Kreta nane="Copyright "content="Ten:cent " tit⊥e>bacκ grour.d--iq-n</tit1e> 复制代码

...展开详情
试读 99P CSS3.0参考手册本地离线版本
立即下载 低至0.43元/次 身份认证VIP会员低至7折
一个资源只可评论一次,评论内容不能少于5个字
您会向同学/朋友/同事推荐我们的CSDN下载吗?
谢谢参与!您的真实评价是我们改进的动力~
  • 分享王者

关注 私信
上传资源赚钱or赚积分
最新推荐
CSS3.0参考手册本地离线版本 50积分/C币 立即下载
1/99
CSS3.0参考手册本地离线版本第1页
CSS3.0参考手册本地离线版本第2页
CSS3.0参考手册本地离线版本第3页
CSS3.0参考手册本地离线版本第4页
CSS3.0参考手册本地离线版本第5页
CSS3.0参考手册本地离线版本第6页
CSS3.0参考手册本地离线版本第7页
CSS3.0参考手册本地离线版本第8页
CSS3.0参考手册本地离线版本第9页
CSS3.0参考手册本地离线版本第10页
CSS3.0参考手册本地离线版本第11页
CSS3.0参考手册本地离线版本第12页
CSS3.0参考手册本地离线版本第13页
CSS3.0参考手册本地离线版本第14页
CSS3.0参考手册本地离线版本第15页
CSS3.0参考手册本地离线版本第16页
CSS3.0参考手册本地离线版本第17页
CSS3.0参考手册本地离线版本第18页
CSS3.0参考手册本地离线版本第19页
CSS3.0参考手册本地离线版本第20页

试读结束, 可继续阅读

50积分/C币 立即下载 >