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

18 votes224 views4 answers
Css font arial
CSS
1 vote185 views1 answer
@media only screen and (min-width : 1279px) and (max-width : 1400px)
CSS
0 vote190 views1 answer
Django validation error css
CSS
0 vote207 views1 answer
Navbar bootstrap display items horizontally
CSS
0 vote238 views1 answer
Css clip path alternative
CSS
6 votes238 views2 answers
How do you make each word in a text start with a capital letter?
CSS
3 votes197 views1 answer
Vh and vw
CSS
0 vote210 views2 answers
Woocommerce cart css description
CSS
0 vote188 views1 answer
Resource interpreted as Document but transferred with MIME type application/zip\
CSS
0 vote181 views1 answer
Many pseudo selectors in css
CSS