archive-gh-me/tailwindcss
1
0
Fork 0
mirror of https://github.com/tailwindlabs/tailwindcss.git synced 2025-12-08 21:36:08 +00:00
Code Issues Projects Releases Wiki Activity
tailwindcss/docs/source/border-width.blade.md
Jonathan Reinink 9171390374 Rename "border size" page to "border width" in docs
2017-10-30 11:49:16 -04:00

2.6 KiB
Raw Blame History

extends title
_layouts.markdown Borders

Borders

Usage

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

Examples

<!-- Add a 1px border to all sides -->
<div class="border"></div>

<!-- Add a 1px border to the top side -->
<div class="border-t"></div>

<!-- Add a 2px border to all sides -->
<div class="border-2"></div>

<!-- Add a 2px border to the top side -->
<div class="border-t-2"></div>

Responsive

Customizing