Skip to Main Content
Modern CSS with Tailwind, 2nd Edition
book

Modern CSS with Tailwind, 2nd Edition

by Noel Rappin
May 2022
Intermediate to advanced content levelIntermediate to advanced
104 pages
2h 24m
English
Pragmatic Bookshelf
Content preview from Modern CSS with Tailwind, 2nd Edition

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 typically don’t want borders to be 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}, where the side is optional. But unlike padding and margins, a dash is included before the side. The side options are: -b, -t, -l, and -r, and -x and -y, which combine two sides. Not including a side applies the size to all four sides. The size is also optional: -0, -2, -4, and ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Tailwind CSS

Tailwind CSS

Ivaylo Gerchev
CSS in Depth

CSS in Depth

Keith Grant
Tiny CSS Projects

Tiny CSS Projects

Michael Gearon, Martine Dowden

Publisher Resources

ISBN: 9781680509892Errata Page