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 掩藏超过宽度的文字 在浏览器下隐藏网站地址的方法 HTML5有关资源-processingjs 利用CSS，链接下划线也玩自定义(一) table制作页面有关问题 求固定窗口大不小代码解决办法 分享31个十分有用的 HTML5 教程 HTML5网页制造实例:让IE8支持footer标签 div自动增长,该怎么解决 推荐阅读更多> HTML5 CSS3体会 W3C发布最新的HTML5规范草案 使用html5的拖放对图片进行拖拽遇到了有关问题，求大神帮忙 css3 :selection 应用CSS和js做的单页可隐藏菜单栏 html 格式解决思路 CSS3惯用代码 DreamWeaver 基础求教,该怎么解决 table的样式有关问题 ie6上css不生效 跪求怎么在多级菜单上点击链接时，在跳转到新页面时可以使状态保持？ HTML 报表的CSS样式-隔行变色 HTML->表单 EXT-使用html配置项自定义面板内容 跨浏览器开发的捷径就是 JQuery解决方案 怎么写按钮的CSS 兼容firefox和IE的跨框架的下拉框如何做 下手改造柴哥的Html2Tree 提上下载速度的网页制造方法 jQuery记要