outline-inherit
outline-color: inherit;
outline-current
outline-color: currentColor;
outline-<color-name>
outline-color: <value>;
outline-red-500
outline-color: var(--color-red-500);
outline-<color-name>/<opacity>
outline-red-500/42
outline-color: color-mix(in oklab, var(--color-red-500) 42%, transparent);
outline-[<value>]
outline-[#ff0000]
outline-color: #ff0000;
outline-[<value>]/<opacity>
outline-[#ff0000]/42
outline-color: rgba(255,0,0,0.42);
outline-(<custom-property>)
outline-color: var(<custom-property>);
outline-(--my-color)
outline-color: var(--my-color);
outline-(color:<custom-property>)
outline-(color:--my-color)
© 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: