IE不支持的css样式属性实例分析(一).pdfVIP

IE 不支持的css 样式属性实例分析(一) 1．outline 属性实例 html head style type=text/css p { border: red solid thin; } p.dotted {outline-style: dotted} p.dashed {outline-style: dashed} p.solid {outline-style: solid} p.double {outline-style: double} p.groove {outline-style: groove} p.ridge {outline-style: ridge} p.inset {outline-style: inset} p.outset {outline-style: outset} /style /head body p class=dottedA dotted outline/p p class=dashedA dashed outline/p p class=solidA solid outline/p p class=doubleA double outline/p p class=grooveA groove outline/p p class=ridgeA ridge outline/p p class=insetAn inset outline/p p class=outsetAn outset outline/p /body /html 把这段代码放在dreamweaver 中就可以看出效果，一定要注意哟IE 浏览器不管用的。 2. Inherit (值)属性实例： body style body { color: red; background: green ;} h1 { color: yellow; background: blue ;} p {color: white ; background: black ;} em {color: inherit ;} /*这个继承是默认的，可以不写*/ /style body h1aaa em继承的文字/em aaa/h1 em继承的文字/em pP 中间的文字/p em继承的文字/em /body /body /html 3. Empty-Cell 属性实例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / titletable test/title style #layout {} .show {border: 1px solid #ff0000; border-collapse:separate; empty-cells: show;} .hide {border: 1px solid #ff0000; border-collapse:separate; empty-cells: hide;} /style /head body table id=layout tr td class=showCascading/td td class=show/td /tr tr td class=hideCascading/td td class=hide/td /tr /table /body /html 4．Caption-Side 属性 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 /