CSS属性对应的JS属性

导读:

很多时候要用到,把网上的整理了下,版权归原作者
1,如果css属性没有下划线,比如margin,border那么在js中直接写object.style.margin
2,如果css属性中有下划线,比如font-color,那么将下划线去掉,并且下划线后首字母大写,object.style.fontColor
3,但对于css里的float属性,js要特殊处理成 stylefloat(ie) ,cssfloat(FF)

下面列出一些常见的css属性对应的js.  css原样就不写了,相信大家看的懂:

         position        "static"        String
        styleFloat        "none"        String
        color        "#000000"        Variant
        backgroundColor        "#ffffff"        Variant
        fontFamily        "Times New Roman"        String
        fontStyle        "normal"        String
        fontVariant        "normal"        String
        fontWeight        400        Variant
        fontSize        "12pt"        Variant
        backgroundImage        "none"        String
        backgroundPositionX        "0%"        Variant
        backgroundPositionY        "0%"        Variant
        backgroundRepeat        "repeat"        String
        borderLeftColor        "#000000"        Variant
        borderTopColor        "#000000"        Variant
        borderRightColor        "#000000"        Variant
        borderBottomColor        "#000000"        Variant
        borderTopStyle        "inset"        String
        borderRightStyle        "inset"        String
        borderBottomStyle        "inset"        String
        borderLeftStyle        "inset"        String
        borderTopWidth        "medium"        Variant
        borderRightWidth        "medium"        Variant
        borderBottomWidth        "medium"        Variant
        borderLeftWidth        "medium"        Variant
        left        "auto"        Variant
        top        "auto"        Variant
        width        "auto"        Variant
        height        "auto"        Variant
        paddingLeft        "0px"        Variant
        paddingTop        "0px"        Variant
        paddingRight        "0px"        Variant
        paddingBottom        "0px"        Variant
        textAlign        "left"        String
        textDecoration        "none"        String
        display        "block"        String
        visibility        "inherit"        String
        zIndex        0        Variant
        letterSpacing        "normal"        Variant
        lineHeight        "normal"        Variant
        textIndent        "0pt"        Variant
        verticalAlign        "auto"        Variant
        backgroundAttachment        "scroll"        String
        marginTop        "15px"        Variant
        marginRight        "10px"        Variant
        marginBottom        "15px"        Variant
        marginLeft        "10px"        Variant
        clear        "none"        String
        listStyleType        "disc"        String
        listStylePosition        "outside"        String
        listStyleImage        "none"        String
        clipTop        "auto"        Variant
        clipRight        "auto"        Variant
        clipBottom        "auto"        Variant
        clipLeft        "auto"        Variant
        overflow        "scroll"        String
        pageBreakBefore        "auto"        String
        pageBreakAfter        "auto"        String
        cursor        "auto"        String
        tableLayout        "auto"        String
        borderCollapse        "separate"        String
        direction        "ltr"        String
        behavior        ""        String
        unicodeBidi        "normal"        String
        right        "auto"        Variant
        bottom        "auto"        Variant
        imeMode        ""        String
        rubyAlign        "auto"        String
        rubyPosition        "above"        String
        rubyOverhang        "auto"        String
        textAutospace        "none"        String
        lineBreak        "normal"        String
        wordBreak        "normal"        String
        textJustify        "auto"        String
        textJustifyTrim        ""        String
        textKashida        "0pt"        Variant
        blockDirection        "ltr"        String
        layoutGridChar        "none"        Variant
        layoutGridLine        "none"        Variant
        layoutGridMode        "both"        String
        layoutGridType        "loose"        String
        borderStyle        "inset"        String
        borderColor        "#000000"        String
        borderWidth        "medium"        String
        padding        "0px"        String
        margin        "15px 10px"        String
        accelerator        "false"        String
        overflowX        "auto"        String
        overflowY        "scroll"        String
        textTransform        "none"        String
        layoutFlow        "horizontal"        String
        wordWrap        ""        String
        textUnderlinePosition        "auto"        String
        hasLayout        true        Boolean
        scrollbarBaseColor        "#000000"        Variant
        scrollbarFaceColor        "#ece9d8"        Variant
        scrollbar3dLightColor        "#f1efe2"        Variant
        scrollbarShadowColor        "#aca899"        Variant
        scrollbarHighlightColor        "#ffffff"        Variant
        scrollbarDarkShadowColor        "#716f64"        Variant
        scrollbarArrowColor        "#000000"        Variant
        scrollbarTrackColor        ""        Variant
        writingMode        "lr-tb"        String
        zoom        "normal"        Variant
        filter        ""        String
        textAlignLast        "auto"        String
        textKashidaSpace        "0pt"        Variant
        isBlock        true        Boolean
        textOverflow        "clip"        String
        minHeight        "auto"        Variant
        wordSpacing        "normal"        Variant
        whiteSpace        "normal"        String



本文转自
http://taoliujun.cn/article.asp?id=175
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值