Utilities

Borders

Use border utility classes to add borders to elements

Examples#

Top#

This should have a top border.
<div class="slds-border_top">This should have a top border.</div>
This should have a right border.
<div class="slds-border_right">This should have a right border.</div>

Bottom#

This should have a bottom border.
<div class="slds-border_bottom">This should have a bottom border.</div>

Left#

This should have a left border.
<div class="slds-border_left">This should have a left border.</div>

Overview of CSS Classes#

Selector.slds-border_bottom
Summary

Adds a bottom border to an element

Restrict*
ModifierTrue
Selector.slds-border_left
Summary

Adds a left border to an element

Restrict*
ModifierTrue
Selector.slds-border_right
Summary

Adds a right border to an element

Restrict*
ModifierTrue
Selector.slds-border_top
Summary

Adds a top border to an element

Restrict*
ModifierTrue

Borders Utility Release Notes