Documentación offline Tailwind CSS main
por @raupulus

stroke-width

main Ver versión oficial en línea Licencia MITDescargado el 2026-09-15 Bundle .md (1.3 MB) ↓

En esta página
Clase Propiedades CSS
stroke-<number> stroke-width: <number>;
stroke-(length:<custom-property>) stroke-width: var(<custom-property>);
stroke-[<value>] stroke-width: <value>;

Examples#

Basic example#

Use stroke-<number> utilities like stroke-1 and stroke-2 to set the stroke width of an SVG:

{

}

<!-- [!code classes:stroke-1,stroke-2] -->
<svg class="stroke-1 ..."></svg>
<svg class="stroke-2 ..."></svg>

This can be useful for styling icon sets like Heroicons.

Using a custom value#

Responsive design#