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-p_w_upload    backgroundAttachment
background-color              backgroundColor
background-p_w_picpath            backgroundImage
background-position         backgroundPosition
background-repeat           backgroundRepeat
color   color
樣式標籤和屬性對照
CSS語法 (不區分大小寫)   JavaScript語法 (區分大小寫)
display                              display
list-style-type                     listStyleType
list-style-p_w_picpath                  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

在js中應用css樣式有兩種方法:

1、預先定義一個CSS規則,然後用this.className=''".
2、用cssText,具體如下:document.getElementById("dd").style.cssText="background-color:red;" ;

引自:http://hi.baidu.com/ch565097933/blog/item/8667ab00e4e523f809fa935e.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章