CSP Style Issue

content-security-policy: default-src 'none'; script-src 'self' 'unsafe-inline'; style-src 'self'; img-src 'self'

<html>
<body>
<script>
    const elSVG = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
    elSVG.style.background = 'green';
    document.body.appendChild(elSVG);
    const elDIV = document.createElement('div');
    elDIV.style.width = 100;
    elDIV.style.height = 100;
    elDIV.style.background = 'red';
    document.body.appendChild(elDIV);
</script>
</body>
</html>