Read properties from css file

function propertyFromStylesheet(selector, attribute) {
    var value;

    [].some.call(document.styleSheets, function (sheet) {
        return [].some.call(sheet.rules, function (rule) {
            if (selector === rule.selectorText) {
                return [].some.call(rule.style, function (style) {
                    if (attribute === style) {
                        value = rule.style.getPropertyValue(attribute);
                        return true;
                    }

                    return false;
                });
            }

            return false;
        });
    });

    return value;
}

console.log(propertyFromStylesheet(".box", "height"));

Source: stackoverflow.com

Read properties from css file

.box {
    position:absolute;
    background-color:red;
    height:10px;
    width:10px;
}

Source: stackoverflow.com

Similar codes

1 vote321 views1 answer
How to change style based on screen size
CSS
23 votes321 views5 answers
Center div using flex
CSS
102 votes311 views6 answers
How to center an element in css
CSS
3 votes327 views2 answers
Border radius not working
CSS
-1 vote326 views1 answer
Html css circle progress bar
CSS
9 votes372 views2 answers
Bootstrap cheat sheet
CSS Bootstrap
3 votes305 views1 answer
Media queries css not working for mobile
CSS
0 vote312 views1 answer
How to make text transparent with stroke in css
CSS
0 vote317 views1 answer
Css grid first child
CSS
0 vote316 views1 answer
Css dark blue
CSS