CSS和JS標籤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
html中td.class="aaa"    td.className="aaa"

注意:一、在使用js時,如newTD.style.paddingLeft="200";(錯誤),正確生效的寫法是newTD.style.paddingLeft="200px";(正確),不可少了px,不然不會生效。css


轉載自:http://www.9958.pw/post/css_js_stylehtml

相關文章
相關標籤/搜索