JavaScript和CSS Style属性对照表



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

 其实javascript的不同之处只是在于它把css中所有的小横杠“-”去掉，并把小横杠后面的单词首字母大写！