tailwindcss/docs/source/docs/border-width.blade.md

extends	title	description	features
_layouts.documentation	Border Width	Utilities for controlling the width an element's borders.	responsive customizable hover focus true true false false

@include('_partials.work-in-progress')

Add borders to any element using the .border{-side?}{-width?} syntax.

For example, .border would add a 1px border to all sides of the element, where .border-b-4 would add a 4px border to the bottom of the element.

Class

border

Side (optional)

  All (default)

t Top

r Right

b Bottom

l Left

Width (optional)

0 0px

  1px (default)

2 2px

4 4px

8 8px

Customizing

@include('_partials.variants-and-disabling', [ 'utility' => [ 'name' => 'border width', 'property' => 'borderWidths', ], 'variants' => [ 'responsive', ], ])