JS控制CSS样式大全

以前学JS的时候，没有总结记录下来。直到今天用的时候，脑袋里一片空白，又去网上找资料，这想起来怎么去写。谨记此训！！！

用JS改变CSS样式，目前只能一个属性一个属性的去改，用jQuery的话可以批量修改CSS的属性。

用JS改变CSS样式，在JS里的写法与CSS里有区别，但是有规则。

document.getElementById("div01").style.height;

document.getElementById("div01").style.lineHeight; 

document.getElementById("div01").style.backgroundColor;

CSS语法（不区分大小写）                        JavaScript语法（区分大小写）

border的写法——边框

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                                                          borderRightColo

rborder-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

margin——外边距

margin                                                                          margin

margin-bottom                                                             marginBottom

margin-left                                                                     marginLeft

margin-right                                                                  marginRight

margin-top                                                                    marginTop

clear                                                                             clear

padding——内边距

padding                                                                         padding

padding-bottom                                                            paddingBottom

padding-left                                                                    paddingLeft

padding-right                                                                 paddingRight

padding-top                                                                   paddingTop

CSS 语法（不区分大小写）                    JavaScript 语法（区分大小写）

background——背景

background                                                                   background

background-attachment                                                backgroundAttachment

background-color                                                          backgroundColor

background-image                                                        backgroundImage

background-position                                                     backgroundPosition

background-repeat                                                       backgroundRepeat

CSS语法（不区分大小写）                    JavaScript 语法（区分大小写）

ul——列表

display                                                                        display

list-style-type                                                              listStyleType

list-style-image                                                            listStyleImage

list-style-position                                                         listStylePosition

list-style                                                                      listStyle

white-space                                                                whiteSpace

CSS 语法（不区分大小写）                   JavaScript 语法（区分大小写）

font——字体

color                                                                             color

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