CSS属性与JavaScript 编码方法对照表

CSS与JS紧密配合，为我们的页面增添了很多别致的效果。在52CSS.com中也有相关的案例。为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性。比如：鼠标经过一个图片时我们让图片加一个边框，代码可能是这样：JavaScript中style后面的属性应该是什么？

<script type="text/javascript">   
     function imageOver(e) {   
         e.style.border="1px solid red";   
     }   
     function imageOut(e) {   
         e.style.borderWidth=0;   
     }   
</script>

<img src="01.png" onmouseover="imageOver(this)" onmouseout="imageOut(this)" />

JavaScript CSS Style属性对照表

盒子标签和属性对照

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 　　       &n

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!