How to add box-sizing: border-box to all HTML elements using TailwindCSS

Question

What's the equivalent for this in TailwindCSS?

* {
  box-sizing: border-box;
}

Answer 1

Tailwind already has such stylings in preflight - see compiled stylesheet.

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
}

So there is no need to add it unless you've disabled preflights.

However Tailwind's equivalent class name will be border-box - see here