Border width

Utilities for enabling/disabling borders.

Quick reference

Class	Styles
af-border	border: var(--af-border-width) solid var(--af-color-border)
af-border-0	border: 0

Examples

Border on/off

af-border

af-border-0

<div class="af-border af-radius-md af-p-sm">
  af-border
</div>
<div class="af-border-0 af-radius-md af-p-sm">
  af-border-0
</div>

For border colors, see Border color.

Responsive variants

Responsive variants are not generated for af-border-0.

Note: af-border@{bp} exists but only sets border-color (it won’t “turn on” a border by itself). See Responsive Suffix for syntax and breakpoints.

Related

• Border color