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%";
  • 相关阅读:
    .Net cache与cache更新
    用内网服务器对接微信公众号服务
    关于王者荣耀防沉迷以及各种实名认证
    【Springboot】用Springboot Admin监控你的微服务应用
    【Springboot】Springboot整合Jasypt,让配置信息安全最优雅方便的方式
    【Java库】如何使用优秀的加密库Jasypt来保护你的敏感信息?
    【Java实例】使用Thumbnailator生成缩略图(缩放、旋转、裁剪、水印)
    【MongoDB】用Docker安装一个MongoDB最新版玩玩
    【MongoDB】2019年MongoDB中文社区广州大会,干货满满的分享活动
    【Spring】Spring的定时任务注解@Scheduled原来如此简单
  • 原文地址:https://www.cnblogs.com/xieyuan/p/3787266.html
Copyright © 2011-2022 走看看