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

126 votes519 views5 answers
React Bootstrap css import
CSS Bootstrap
1 vote377 views2 answers
What is css selector
CSS
1 vote386 views1 answer
Full meaning of css
CSS
0 vote372 views1 answer
Tailwind css image grid
CSS
2 votes356 views2 answers
How to remove the blueish background on a button when clicked
CSS
0 vote370 views1 answer
If child elemnt is hovered do changes to the container css
CSS
0 vote362 views2 answers
Html5 vs css3
CSS
0 vote375 views1 answer
.quform-sub-label
CSS
4 votes347 views4 answers
Change placeholder color
CSS
81 votes401 views3 answers
Css all uppercase to capitalize
CSS