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

0 vote189 views1 answer
Hwo to reload css in flask
CSS
1 vote221 views1 answer
How to delete css property using css
CSS
1 vote172 views1 answer
Flexbox align or justify one single item
CSS
0 vote246 views2 answers
Make all images same size bootstrap
CSS Bootstrap
0 vote173 views1 answer
Css content from data attribute
CSS
0 vote135 views1 answer
Transform translate-x ie11
CSS
2 votes218 views2 answers
Restrict a paragraph height css
CSS
0 vote166 views1 answer
Bodyparser limit
CSS
0 vote213 views1 answer
Not let user select in css
CSS
1 vote239 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS Bootstrap