Basic Styling - Borders

Tailwind CSS provides utilities for controlling the width, style, and radius of borders.

Border Width

Use the border- prefix followed by the width value.

Border Style

Use the border- prefix for default solid borders. For other styles like dashed or dotted, use the border-dashed or border-dotted classes.

Border Radius

Use the rounded- prefix followed by the size value to control the border radius.

Note

If you’re looking for specific design options for border radius, border style, or border width, you can refer to the Tailwind documentation below.

• Border Width;
• Border Style;
• Border Radius.