JS中CSS Style标签对照表

Posted by Kevin | Filed under HTML/CSS/JS | 2009-02-12

写js时会用到，如果发现自己想要的效果没有实现，而程序没问题的话，就参照下此表对应看下标签是否正确。
盒子标签和属性对照
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