课程咨询 :186 8716 1620      qq:2066486918

昆明Java培训 > 达内新闻 > JavaScript控制CSS样式属性
  • JavaScript控制CSS样式属性

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


  • 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事件

最新开班日期  |  更多

Java--零基础全日制班

Java--零基础全日制班

开班日期:11/30

Java--零基础业余班

Java--零基础业余班

开班日期:11/30

Java--周末提升班

Java--周末提升班

开班日期:11/30

Java--零基础周末班

Java--零基础周末班

开班日期:11/30

  • 网址:http://km .java.tedu.cn      地址:昆明市官渡区春城路62号证券大厦附楼6楼
  • 课程培训电话:186 8716 1620      qq:2066486918    全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56