30-seconds-of-code/snippets/getStyle.md

title, tags

title	tags
getStyle	browser,css,beginner

Retrieves the value of a CSS rule for the specified element.

• Use Window.getComputedStyle() to get the value of the CSS rule for the specified element.

const getStyle = (el, ruleName) => getComputedStyle(el)[ruleName];

getStyle(document.querySelector('p'), 'font-size'); // '16px'