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


樣式標籤和屬性對照
CSS語法 (不區分大小寫)   JavaScript語法 (區分大小寫) 
display                               display 
list-style-type                     listStyleType 
list-style-image                  listStyleImage 
list-style-position               listStylePosition 
list-style                             listStyle 
white-space                      whiteSpace  this


文字樣式標籤和屬性對照
CSS語法 (不區分大小寫)   JavaScript語法 (區分大小寫) 
font                                    font 
font-family                          fontFamily 
font-size                             fontSize 
font-style                            fontStyle 
font-variant                        fontVariant 
font-weight                        fontWeight  spa


文本標籤和屬性對照
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 orm


在js中應用css樣式 ip

有兩種方法: ci

一、預先定義一個CSS規則,而後用this.className=''".
二、用cssText,具體以下: get

     document.getElementById("dd").style.cssText="background-color:red;" ; it

相關文章
相關標籤/搜索