JavaScript CSS Style属性对照表 盒子标签和属性对照

转自：http://www.01on.com/a/488.htmlXML/HTML

代码

document.getElementById(’txttip’).style.text-align=‘center’;

但IE报错，不知什么原因，后来多方查找，才明的是javascript中的连接符的问题。因为属性"text-align"中间有一个连接符"-"，在JS中不能直接这样写，在javascript中必须去掉连字符，两边直接连在一起写，但后面的部分第一个字母要大字，也就是写成"textAlign"，于是上面的代码改写成：


XML/HTML代码document.getElementById(’txttip’).style.textAlign=‘center’;

附加：CSS属性与JavaScript编码对照表
CSS与JS紧密配合，为我们的页面增添了很多别致的效果。为了达到某种特殊的效果我们需要用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="css.png" οnmοuseοver="imageOver(this)" οnmοuseοut="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 　　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
颜色和背景标签和属性对照CSS语法 (不区分大小写) 　　JavaScript语法 (区分大小写) background 　　background
background-attachment 　　backgroundAttachment
background-color　　 backgroundColor
background-image 　　backgroundImage
background-position　　 backgroundPosition
background-repeat 　　backgroundRepeat
color 　　color
样式标签和属性对照CSS语法 (不区分大小写) 　　JavaScript语法 (区分大小写) display 　　display
list-style-type　　 listStyleType
list-style-image 　　listStyleImage
list-style-position　　 listStylePosition
list-style　　 listStyle
white-space　　 whiteSpace
文字样式标签和属性对照CSS语法 (不区分大小写) 　　JavaScript语法 (区分大小写) font　　 font
font-family　　 fontFamily
font-size　　 fontSize
font-style　　 fontStyle
font-variant　　 fontVariant
font-weight 　　fontWeight
文本标签和属性对照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