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的一些hack [div+css]怎么在适当的位置用clear关闭浮动float HTML 初学者指南(3) 网页上的有关问题 求解答 DIV+CSS不同浏览器的不同处置 table 表头固定 有关问题 使用ul做横向菜单，怎么让最后一个li自动撑满剩余的部分 background-image属性,该如何解决 请教内联元素为什么说只能容纳文本或者其他内联元素 推荐阅读更多> 在DreamWeaver中应用CSS样式表技巧两则 用nekohtml回获取网页指定内容 html5 上传适用小例子 css和js的浏览器兼容有关问题汇总 说说标准——CSS核心可视化格式模型(visual formatting model)之二：控制框(Controlling Box)的形成 怎么用css做出毛玻璃效果 myeclipse中jsp/html页面自动提醒的设置 纯css下拉菜单，可以设立下拉菜单为多列 【求教！】网页出有关问题了！鼠标指向文字链接弹出DIV层，离开文本层消失 IE6.0、IE7.0 与FireFox CSS兼容的解决办法 如何把radio里被选择的值传到javascript里面 关于网页设计，大神推荐此书吧 html_css_js_备课_2011_三_13 jsoup 良好html解析工具 CSS相干知识 巧用css兑现强制不换行、自动换行、强制换行 CSS中float使用 w3c组织给出html4的样式建议 利用CSS3创设用户可以改变大小的DIV容器 一个div浮动的样式有关问题