JS控制CSS样式语法对照

CSS与JS紧密配合，为我们的页面增添了很多别致的效果。为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性。

例如常用的关闭某个漂浮的广告显示:document.getElementById('ad').style.display='none';相当于：.ad{ display:none}.

下面就是JS 控制CSS样式表的语法对照：

CSS语法 (不区分大小写)	JavaScript语法 (区分大小写)
border	border
border-bottom	borderBottom
border-bottom-color	borderBottomColor
border-bottom-style	borderBottomStyle
border-bottom-width	borderBottomWidth
border-color	borderColor
border-left	borderLeft
border-left-color	borderLeftColor
border-left-style	borderLeftStyle
border-left-width	borderLeftWidth
border-right	borderRight
border-right-color	borderRightColor
border-right-style	borderRightStyle
border-right-width	borderRightWidth
border-style	borderStyle
border-top	borderTop
border-top-color	borderTopColor
border-top-style	borderTopStyle
border-top-width	borderTopWidth
border-width	borderWidth
clear	clear
float	floatStyle
margin	margin
margin-bottom	marginBottom
margin-left	marginLeft
margin-right	marginRight
margin-top	marginTop
padding	padding
padding-bottom	paddingBottom
padding-left	paddingLeft
padding-right	paddingRight
padding-top	paddingTop
background	background
background-attachment	免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 相关资料更多> 怎么使用CSS为一个网页指定标题﹖ CSS式样兼容(ie6 ie7 firefox)多浏览器的相关技巧讲解:浮动float闭合-Hack CSS3圆角属性在Firefox,Chrome,Safari的兑现 HTML5教程：article标签 新建一ASP群,顶者有分.该如何处理 HTML引述頁面以後被擋住了 不透明内容透明背景嵌套透明背景不透明内容。css求大神帮忙看看错哪了，只能显示第一个li的文字，后面三个都看不到 HTML颜色值 jsp 显示服务端返回的html 文件及图片 有关问题 推荐阅读更多> HTML5 JavaScript API. What’s new css3动画片系列之scale()方法 怎么设置页面当中的广告版块随着页面滚动 静态页面html其间也可以传递参数 编撰跨浏览器兼容的 CSS 代码的金科玉律 标志言语——CSS规划 HTML5 Canvas画标准的红旗（中国国旗） 改动字体样式 table跟body background 属性在ie8里不支持吗 在form表单中如何才能调整输入框(＜input＞)的高？多谢 动态加载JS/CSS资料 css实现文字竖排成效 有趣的css3成效 HTML5基础教程:video视频标签详解 这两个CSS定义的效果如何不一样呢 jsp, servlet 与 jhtml差异 如何避免点击后的这个虚线框 firefox下的一个异常，哪位高手能帮小弟我解释一下 加载xml文档的有关问题 H标志要在网页制造中合理运用