JSFiddle - React, Tailwind, and code Playground

by ericwilligers

HTML

<div id="report"></div>
<div id="target"></div>

JavaScript

// target.style['border-radius'] = '11px 25px 12px 26px 13px 27px 14px 28px';
target.style['border-radius'] = '11px 12px 13px 14px / 25px 26px 27px 28px';

properties = [
	'border-top-left-radius',
	'border-top-right-radius',
	'border-bottom-right-radius',
	'border-bottom-left-radius',
	'border-radius'
];

for (let property of properties) {
	let p = document.createElement('p');
	p.textContent = property + ' is \'' + target.style[property] + '\' ; \'' + getComputedStyle(target)[property] + '\'';
  report.appendChild(p);
}