CSS与JS属性对照表.docVIP

转自：/thread-1753-1-1.html ? CSS与JS紧密配合，为我们的页面增添了很多别致的效果。为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性。比如：鼠标经过一个图片时我们让图片加一个边框，代码可能是这样：JavaScript中style后面的属性应该是什么？script language=javascript? ? function change(obj){? ? obj.style.border=5px solid red;? ? }? ? ?? function recover(obj){? ? obj.style.borderColor=blue;? ? }? ? /script ? ? div id=menu onmouseover=change(this) onmouseout=recover(this)鼠标移上，移出 看看效果/div?? 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?? ??backgroundPositi