Skip to main content

Pivotal UI

v18.1.1

Border

Use border modifiers to control borders around an element. Whenever possible, use these instead of defining custom borders in CSS.

Classes

ModifierPurpose
borderAdd borders on all sides
border-topAdd a border on the top
border-rightAdd a border on the right
border-bottomAdd a border on the bottom
border-leftAdd a border on the left
border-noneRemove borders from all sides
border-top-0Remove border from the top
border-right-0Remove border from the right
border-bottom-0Remove border from the bottom
border-left-0Remove border from the left
border-roundedMake borders rounded
border-not-roundedMake borders not rounded
Adding borders
border
border-top
border-right
border-bottom
border-left
Adding borders in tables
border-bottom
border
border-right
border-top
border-left
Removing borders
border-none
border-top-0
border-right-0
border-bottom-0
border-left-0
Rounded borders
border-rounded
border-not-rounded

Imports

Import CSS:

import 'pivotal-ui/css/border';