<?xml version="1.0" encoding="UTF-8"?>
<feature id="paint"><name>paint()</name><description>The paint() CSS function creates a custom image, drawn using a paint worklet, for an element&#39;s background or border.</description><group>css</group><group_name>CSS</group_name><baseline><status>limited</status></baseline><support><browser name="chrome" version="65" supported="true"></browser><browser name="firefox" version="—" supported="false"></browser><browser name="safari" version="—" supported="false"></browser><browser name="edge" version="79" supported="true"></browser><browser name="chrome_android" version="65" supported="true"></browser><browser name="firefox_android" version="—" supported="false"></browser><browser name="safari_ios" version="—" supported="false"></browser></support><specifications><spec>https://drafts.css-houdini.org/css-paint-api-1/</spec></specifications><caniuse><id>css-paint-api</id></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/API/PaintSize</mdn_url><compat_features><key>api.CSS.paintWorklet_static</key><key>api.PaintRenderingContext2D</key><key>api.PaintRenderingContext2D.beginPath</key><key>api.PaintRenderingContext2D.clearRect</key><key>api.PaintRenderingContext2D.clip</key><key>api.PaintRenderingContext2D.createLinearGradient</key><key>api.PaintRenderingContext2D.createPattern</key><key>api.PaintRenderingContext2D.createRadialGradient</key><key>api.PaintRenderingContext2D.drawImage</key><key>api.PaintRenderingContext2D.fill</key><key>api.PaintRenderingContext2D.fillRect</key><key>api.PaintRenderingContext2D.fillStyle</key><key>api.PaintRenderingContext2D.filter</key><key>api.PaintRenderingContext2D.getLineDash</key><key>api.PaintRenderingContext2D.getTransform</key><key>api.PaintRenderingContext2D.globalAlpha</key><key>api.PaintRenderingContext2D.globalCompositeOperation</key><key>api.PaintRenderingContext2D.imageSmoothingEnabled</key><key>api.PaintRenderingContext2D.imageSmoothingQuality</key><key>api.PaintRenderingContext2D.isPointInPath</key><key>api.PaintRenderingContext2D.isPointInStroke</key><key>api.PaintRenderingContext2D.lineCap</key><key>api.PaintRenderingContext2D.lineDashOffset</key><key>api.PaintRenderingContext2D.lineJoin</key><key>api.PaintRenderingContext2D.lineWidth</key><key>api.PaintRenderingContext2D.miterLimit</key><key>api.PaintRenderingContext2D.resetTransform</key><key>api.PaintRenderingContext2D.restore</key><key>api.PaintRenderingContext2D.rotate</key><key>api.PaintRenderingContext2D.save</key><key>api.PaintRenderingContext2D.scale</key><key>api.PaintRenderingContext2D.setLineDash</key><key>api.PaintRenderingContext2D.setTransform</key><key>api.PaintRenderingContext2D.shadowBlur</key><key>api.PaintRenderingContext2D.shadowColor</key><key>api.PaintRenderingContext2D.shadowOffsetX</key><key>api.PaintRenderingContext2D.shadowOffsetY</key><key>api.PaintRenderingContext2D.stroke</key><key>api.PaintRenderingContext2D.strokeRect</key><key>api.PaintRenderingContext2D.strokeStyle</key><key>api.PaintRenderingContext2D.transform</key><key>api.PaintRenderingContext2D.translate</key><key>api.PaintSize</key><key>api.PaintSize.height</key><key>api.PaintSize.width</key><key>api.PaintWorkletGlobalScope</key><key>api.PaintWorkletGlobalScope.devicePixelRatio</key><key>api.PaintWorkletGlobalScope.registerPaint</key><key>css.types.image.paint</key><key>css.types.image.paint.additional_parameters</key></compat_features><canonical_url>https://nowyoucanuse.com/features--paint.html</canonical_url></feature>