JSFiddle - React, Tailwind, and code Playground

HTML

<div>This div has a padding.</div>

CSS

div {
    width:200px;
    height:200px;
    background:red;
    padding:10% 10px 20% 2px;
}

JavaScript

var div = document.getElementsByTagName('div')[0];
console.log(window.getComputedStyle(div).getPropertyValue('padding'));
// Firefox = "10% 10px 20% 2px"
// Chromium = "59.8839px 10px 119.768px 2px" so padding top is a fixed pixel based on it's current state.