zoukankan      html  css  js  c++  java
  • CSS属性与JavaScript 编码方法对照表

    <script type="text/javascript">    
        function imageOver(e) {    
            e.style.border="1px solid red";    
        }    
        function imageOut(e) {    
            e.style.borderWidth=0;    
        }    
    </script>
        
    div css xhtml xml Example Source Code Example Source Code [www.52css.com]
    <img src="52css.png" onmouseover="imageOver(this)" onmouseout="imageOut(this)" />  
     
    JavaScript CSS Style属性对照表

    盒子标签和属性对照

    div css xhtml xml Example Source Code Example Source Code [www.52css.com]
    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 

    颜色和背景标签和属性对照 

    div css xhtml xml Example Source Code Example Source Code [www.52css.com]
    CSS语法 (不区分大小写)   JavaScript语法 (区分大小写) 
    background   background 
    background-attachment   backgroundAttachment 
    background-color   backgroundColor 
    background-image   backgroundImage 
    background-position   backgroundPosition 
    background-repeat   backgroundRepeat 
    color   color 

    样式标签和属性对照 

    div css xhtml xml Example Source Code Example Source Code [www.52css.com]
    CSS语法 (不区分大小写)   JavaScript语法 (区分大小写) 
    display   display 
    list-style-type   listStyleType 
    list-style-image   listStyleImage 
    list-style-position   listStylePosition 
    list-style   listStyle 
    white-space   whiteSpace 

    文字样式标签和属性对照 

    div css xhtml xml Example Source Code Example Source Code [www.52css.com]
    CSS语法 (不区分大小写)   JavaScript语法 (区分大小写) 
    font   font 
    font-family   fontFamily 
    font-size   fontSize 
    font-style   fontStyle 
    font-variant   fontVariant 
    font-weight   fontWeight 

    文本标签和属性对照 

    div css xhtml xml Example Source Code Example Source Code [www.52css.com]
    CSS语法 (不区分大小写)   JavaScript语法 (区分大小写) 
    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 
  • 相关阅读:
    DataGridView 鼠标双击获得行列索引
    浅谈MVC、MVP、MVVM架构模式的区别和联系
    Codeforces 336D Dima and Trap Graph 并查集
    Codeforces 601C Kleofáš and the n-thlon 概率dp
    Codeforces 311B Cats Transport 斜率优化dp
    Codeforces 908F New Year and Rainbow Roads
    Codeforces 12D Ball cdq分治
    Codeforces 291 E Tree-String Problem AC自动机
    Codeforces 932E Team Work 数学
    Codeforces 463E Caisa and Tree
  • 原文地址:https://www.cnblogs.com/luluping/p/1347250.html
Copyright © 2011-2022 走看看