is there a list of default values of css properties ? (so I can make an exclusion array in js for them)

后端 未结 5 2048
不知归路
不知归路 2021-01-25 08:00

All sites that list css properties such like MDN or w3schools list every CSS property on separate pages.

When I\'m iterating over CSSStyleDeclaration I get

5条回答
  •  北荒
    北荒 (楼主)
    2021-01-25 08:26

    Here's a list of initial values I created after finding the w3 spec documents expectedly difficult to read:

    var inheritedStyleInitialValues = {
        'azimuth': 'center',
        'border-collapse': 'separate',
        'border-spacing': '0',
        'caption-side': 'top',
        'color': '', 
        'cursor': 'auto',
        'direction': 'ltr',
        'elevation': '',
        'empty-cells': 'show',
        'font-family': '',
        'font-size': 'medium',
        'font-style': 'normal',
        'font-variant': 'normal',
        'font-weight': 'normal',
        'letter-spacing': 'normal',
        'line-height': 'normal',
        'list-style-image': 'none',
        'list-style-position': 'outside',
        'list-style-type': 'disc',
        'orphans': '2',
        'pitch-range': '',
        'pitch': '',
        'quotes': '',
        'richness': '',
        'speak-header': '',
        'speak-numeral': '',
        'speak-punctuation': '',
        'speak': '',
        'speak-rate': '',
        'stress': '',
        'text-align': 'left',
        'text-indent': '0',
        'text-transform': 'none',
        'visibility': 'visible',
        'voice-family': '',
        'volume': '',
        'white-space': 'normal',
        'widows': '2',
        'word-spacing': 'normal'
    }
    

    Note that these are only the styles that descendant dom nodes inherit from their ancestors (because those are the only ones I care about for what I'm working on). The ones left blank I either couldn't find defaults for or vary between browsers.

    I made this a community wiki so feel free to add to this list

提交回复
热议问题