Borders
Borders are similar to margins and padding but are more complicated because they can have their own color and style.
The size options for borders are more limited because you don’t typically want borders as big as margins might get. More importantly, the size options for borders are measured in pixels, not rem. The most basic border option is simply .border, which gives you a 1-pixel border in all four directions.
After that you have .border-{side}-{size}. But unlike padding and margins, a dash is included before the side. The side options are: -b, -t, -l, and -r. Not including a side applies the size to all four sides. The size is also optional: -0, -2, -4, and -8, which is the width of the border in pixels. No specified size means a ...
Get Modern CSS with Tailwind now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
