stroke-inherit
stroke: inherit;
stroke-current
stroke: currentColor;
stroke-<color-name>
stroke: <value>;
stroke-red-500
stroke: var(--color-red-500);
stroke-<color-name>/<opacity>
stroke-red-500/42
stroke: color-mix(in oklab, var(--color-red-500) 42%, transparent);
stroke-[<value>]
stroke-[#ff0000]
stroke: #ff0000;
stroke-[<value>]/<opacity>
stroke-[#ff0000]/42
stroke: rgba(255,0,0,0.42);
stroke-(<custom-property>)
stroke: var(<custom-property>);
stroke-(--my-color)
stroke: var(--my-color);
stroke-(color:<custom-property>)
stroke-(color:--my-color)
stroke-<number>
stroke-width: <number>px;
stroke-4
stroke-width: 4px;
stroke-<fraction>
stroke-width: <percentage>;
stroke-1/2
stroke-width: 50%;
stroke-width: <value>;
stroke-[1rem]
stroke-width: 1rem;
stroke-width: var(<custom-property>);
stroke-(--my-length)
stroke-width: var(--my-length);
stroke-(length:<custom-property>)
stroke-(length:--my-length)
© 2025, Fynydd LLC / King of Prussia, Pennsylvania; United States / +1 855-439-6933
By using this website you accept our privacy policy. Choose the browser data you consent to allow:
