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

extends	title
_layouts.documentation	Border Width

Border Width

Utilities for controlling the width an element's borders.

@include('_partials.feature-badges', [ 'responsive' => true, 'customizable' => true, 'hover' => false, 'focus' => 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