现在的位置: 首页 > 综合 > 正文

关于div和javascript中css属性对照

2012年01月20日 ⁄ 综合 ⁄ 共 1832字 ⁄ 字号 评论关闭

 

看了后做如下总结,在 div中大多数附属属性如border的扩展border-bottom属性,在javascript中将保留border省略中划线 “-” 并且后接Bottom(注意大小)。很简单的改变,还有更值得注意的是css中不区分打小写,而javascript对打小写要求非常的严格!

 

盒子标签和属性对照
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

抱歉!评论已关闭.