<p>为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的Css属性。</p><p>比如：鼠标经过一个图片时我们让图片加一个边框，代码可能是这样：</p><p>JavaScript代码</p><p>代码如下:</p><pre class="brush:css;toolbar:false"><scripttype="text/javascript">
functionimageOver(e){
e.style.border="1pxsolidred";
}
functionimageOut(e){
e.style.borderWidth=0;
}
</script>
<imgsrc="phplamp.gif"onmouseover="imageOver(this)"onmouseout="imageOut(this)"/></pre><p>JavaScript中style后面的属性应该是什么？</p><p>JavaScript CSS Style属性对照表</p><p>盒子标签和属性对照</p><p>CSS语法 (不区分大小写)<span class="Apple-tab-span" > </span>JavaScript语法 (区分大小写)</p><pre class="brush:css;toolbar:false">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</pre><p></p><p>颜色和背景标签和属性对照</p><p>CSS语法 (不区分大小写)<span class="Apple-tab-span" > </span>JavaScript语法 (区分大小写)</p><pre class="brush:css;toolbar:false">background background
background-attachment backgroundAttachment
background-color backgroundColor
background-image backgroundImage
background-position backgroundPosition
background-repeat backgroundRepeat
color color</pre><p></p><p>样式标签和属性对照</p><p>CSS语法 (不区分大小写)<span class="Apple-tab-span" > </span>JavaScript语法 (区分大小写)</p><pre class="brush:css;toolbar:false">display display
list-style-type listStyleType
list-style-image listStyleImage
list-style-position listStylePosition
list-style listStyle
white-space whiteSpace</pre><p></p><p>文字样式标签和属性对照</p><p>CSS语法 (不区分大小写)<span class="Apple-tab-span" > </span>JavaScript语法 (区分大小写)</p><pre class="brush:css;toolbar:false">font font
font-family fontFamily
font-size fontSize
font-style fontStyle
font-variant fontVariant
font-weight fontWeight</pre><p></p><p>文本标签和属性对照</p><p>CSS语法 (不区分大小写)<span class="Apple-tab-span" > </span>JavaScript语法 (区分大小写)</p><pre class="brush:css;toolbar:false">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</pre>