Run results for: style.setProperty vs style.removeProperty vs style.cssPropertyName

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Browser: Chrome 131

Operating system: Windows

Device Platform: Desktop

Date tested: 3 months ago

Test name	Executions per second
style.setProperty	2611277.0 Ops/sec
style.removeProperty	2764541.8 Ops/sec
style.cssPropertyName	1976682.0 Ops/sec

HTML Preparation code:

<div id="el">Hello world</div>

Script Preparation code:

el = document.getElementById("el")
el.style.setProperty('color', 'red')
el.style.setProperty('border', '1vmin solid red')
el.style.setProperty('padding', '0.5vmin')
el.style.setProperty('background-color', 'black')
el.style.setProperty('height', '1vh')
el.style.setProperty('width', '1vw')

Tests:

style.setProperty
el.style.setProperty('color', '') el.style.setProperty('border', '') el.style.setProperty('padding', '') el.style.setProperty('background-color', '') el.style.setProperty('height', '') el.style.setProperty('width', '')
style.removeProperty
el.style.removeProperty('color') el.style.removeProperty('border') el.style.removeProperty('padding') el.style.removeProperty('background-color') el.style.removeProperty('height') el.style.removeProperty('width')
style.cssPropertyName
el.style.color = '' el.style.border = '' el.style.padding = '' el.style.backgroundColor = '' el.style.height = '' el.style.width = ''