zoukankan      html  css  js  c++  java
  • 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


    颜色和背景标签和属性对照
    CSS语法 (不区分大小写)   JavaScript语法 (区分大小写)
    background   background
    background-attachment   backgroundAttachment
    background-color   backgroundColor
    background-image   backgroundImage
    background-position   backgroundPosition
    background-repeat   backgroundRepeat
    color   color
    样式标签和属性对照
    CSS语法 (不区分大小写)   JavaScript语法 (区分大小写)
    display   display
    list-style-type   listStyleType
    list-style-image   listStyleImage
    list-style-position   listStylePosition
    list-style   listStyle
    white-space   whiteSpace
    文字样式标签和属性对照
    CSS语法 (不区分大小写)   JavaScript语法 (区分大小写)
    font   font
    font-family   fontFamily
    font-size   fontSize
    font-style   fontStyle
    font-variant   fontVariant
    font-weight   fontWeight
    文本标签和属性对照
    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


    如:document.getElementByIdx_x('tipDiv').style.lineHeight ="150%";
  • 相关阅读:
    jQuery函数继承 $.extend, $.fn.extend
    [原创]茗洋AaronYang的 jquery.myselect.js 我的一次前端突破[上]
    EasyUI 的 combotree 加载数据后折叠起来,并且只允许单击子节点的写法
    判断js数组包是否包含某个元素
    JS中 HTMLEncode和HTMLDecode
    Easyui datagrid 特殊处理,记录笔记
    easyui tab上面添加右键菜单
    第三方文本框 在div中显示预览,让指定节点不受外部css影响
    Easyui 让Window弹出居中
    C# txt格式记录时间,时间对比,决定是否更新代码记录Demo
  • 原文地址:https://www.cnblogs.com/xieyuan/p/3787266.html
Copyright © 2011-2022 走看看