MonorailCss

Outline

Utilities for controlling the width and color of an element's outline.

Class CSS Output
outline 
outline-style: var(--tw-outline-style, solid);
outline-width: 1px;
}
outline-2 
outline-style: var(--tw-outline-style, solid);
outline-width: 2px;
}
outline-4 
outline-style: var(--tw-outline-style, solid);
outline-width: 4px;
}
outline-red-500 
outline-color: var(--color-red-500);
}
outline-blue-600 
outline-color: var(--color-blue-600);
}
outline-red-500/50 
outline-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
}
outline-[3px] 
outline-style: var(--tw-outline-style, solid);
outline-width: 3px;
}

outline

outline-style: var(--tw-outline-style, solid);
outline-width: 1px;

outline-2

outline-style: var(--tw-outline-style, solid);
outline-width: 2px;

outline-4

outline-style: var(--tw-outline-style, solid);
outline-width: 4px;

outline-red-500

outline-color: var(--color-red-500);

outline-blue-600

outline-color: var(--color-blue-600);

outline-red-500/50

outline-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);

outline-[3px]

outline-style: var(--tw-outline-style, solid);
outline-width: 3px;

Reference

outline-color MDN ↗
outline-style MDN ↗
outline-width MDN ↗

CSS Properties

  • outline-color
  • outline-style
  • outline-width