昆明java培训
达内昆明广州春城路

18487146383

热门课程

JavaScript控制CSS样式属性

  • 时间:2016-03-09
  • 发布:昆明Java培训
  • 来源:达内新闻


CSSJS紧密配合,为我们的页面增添了很多别致的效果。但是昆明java培训小编告诉你为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性。

昆明java培训举个例子:例如常用的关闭某个漂浮的广告显示: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

关于这一类知识还有很多例子,需要学习的小伙伴请及时和昆明java培训班的项目经理请教哦!

上一篇:Java的Ajax执行顺序流程
下一篇:javascript中window.event事件

“因材施教,分级培优”十问十答

达内举办“2016授课讲师资格认证培训“,不断提升教学品质

达内牵手猿圈科技,打造技能测评、学习、就业一站式服务

毕业三年之内能转行学编程吗?

选择城市和中心
贵州省

广西省

海南省