您好,欢迎访问一九零五行业门户网

js控制CSS样式属性语法对照表_基础知识

css与js紧密配合,为我们的页面增添了很多别致的效果。为了达到某种特殊的效果我们需要用javascript动态的去更改某一个标签的css属性。
例如常用的关闭某个漂浮的广告显示:document.getelementbyid('ad').style.display='none';相当于:.ad{ display:none}.
下面就是js 控制css样式表的语法对照:
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
background background 
background-attachment backgroundattachment 
background-color backgroundcolor 
background-image backgroundimage 
background-position backgroundposition 
background-repeat backgroundrepeat 
color color 
display display 
list-style-type liststyletype 
list-style-image liststyleimage 
list-style-position liststyleposition 
list-style liststyle 
white-space whitespace 
font font 
font-family fontfamily 
font-size fontsize 
font-style fontstyle 
font-variant fontvariant 
font-weight fontweight 
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
其它类似信息

推荐信息