博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

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

Posted on 2008-12-04 09:28  linFen  阅读(407)  评论(0编辑  收藏  举报
<script type="text/javascript">    
    function imageOver(e) {    
        e.style.border="1px solid red";    
    }    
    function imageOut(e) {    
        e.style.borderWidth=0;    
    }    
</script>
    
div css xhtml xml Example Source Code Example Source Code [www.52css.com]
<img src="52css.png" onmouseover="imageOver(this)" onmouseout="imageOut(this)" />  
 
JavaScript CSS Style属性对照表

盒子标签和属性对照

div css xhtml xml Example Source Code Example Source Code [www.52css.com]
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 

颜色和背景标签和属性对照 

div css xhtml xml Example Source Code Example Source Code [www.52css.com]
CSS语法 (不区分大小写)   JavaScript语法 (区分大小写) 
background   background 
background-attachment   backgroundAttachment 
background-color   backgroundColor 
background-image   backgroundImage 
background-position   backgroundPosition 
background-repeat   backgroundRepeat 
color   color 

样式标签和属性对照 

div css xhtml xml Example Source Code Example Source Code [www.52css.com]
CSS语法 (不区分大小写)   JavaScript语法 (区分大小写) 
display   display 
list-style-type   listStyleType 
list-style-image   listStyleImage 
list-style-position   listStylePosition 
list-style   listStyle 
white-space   whiteSpace 

文字样式标签和属性对照 

div css xhtml xml Example Source Code Example Source Code [www.52css.com]
CSS语法 (不区分大小写)   JavaScript语法 (区分大小写) 
font   font 
font-family   fontFamily 
font-size   fontSize 
font-style   fontStyle 
font-variant   fontVariant 
font-weight   fontWeight 

文本标签和属性对照 

div css xhtml xml Example Source Code Example Source Code [www.52css.com]
CSS语法 (不区分大小写)   JavaScript语法 (区分大小写) 
letter-spacing   letterSpacing 
line-break   lineBreak 
line-height   lineHeight 
text-align   textAlign 
text-decoration   textDecoration 
text-indent   textIndent 
text-justify   textJustify 
text-transform   textTransform 
vertical-align   verticalAlign