SVG

Fill

Style syntax for setting the color of an SVG shape.

🚧This page is still under construction and some content may not be complete.

Overview [sr-only]

ClassDeclarations
fill:colorfill: color
fill:currentfill: currentColor
fill:transparentfill: transparent
fill:#hexfill: #hex
fill:rgb(rgb)fill: rgb(rgb)
fill:hsl(hsl)fill: hsl(hsl)

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="fill:blue-60:hover fill:blue-60@sm fill:blue-60@dark fill:blue-60@print"></div>
PREVIOUS
Stroke Width

Style syntax for setting the width of the stroke to be applied to the SVG shape.

NEXT
Border Collapse

Style syntax for setting whether table cell have shared or separate borders.

MIT License © Aoyue Design LLC.