Borders

Introduction

abp-border is a main element for border styling.

Basic usage:

<span abp-border="Default"></span>
<span abp-border="Top"></span>
<span abp-border="Right"></span>
<span abp-border="Bottom"></span>
<span abp-border="Left"></span>

Demo

See the borders demo page to see it in action.

Values

A value indicates type, position and the color of the border. Should be one of the following values:

  • Default
  • _0
  • Primary
  • Secondary
  • Success
  • Danger
  • Warning
  • Info
  • Light
  • Dark
  • White
  • Primary_0
  • Secondary_0
  • Success_0
  • Danger_0
  • Warning_0
  • Info_0
  • Light_0
  • Dark_0
  • White_0
  • Top
  • Top_0
  • Top_Primary
  • Top_Secondary
  • Top_Success
  • Top_Danger
  • Top_Warning
  • Top_Info
  • Top_Light
  • Top_Dark
  • Top_White
  • Top_Primary_0
  • Top_Secondary_0
  • Top_Success_0
  • Top_Danger_0
  • Top_Warning_0
  • Top_Info_0
  • Top_Light_0
  • Top_Dark_0
  • Top_White_0
  • Right
  • Right_0
  • Right_Primary
  • Right_Secondary
  • Right_Success
  • Right_Danger
  • Right_Warning
  • Right_Info
  • Right_Light
  • Right_Dark
  • Right_White
  • Right_Primary_0
  • Right_Secondary_0
  • Right_Success_0
  • Right_Danger_0
  • Right_Warning_0
  • Right_Info_0
  • Right_Light_0
  • Right_Dark_0
  • Right_White_0
  • Left
  • Left_0
  • Left_Primary
  • Left_Secondary
  • Left_Success
  • Left_Danger
  • Left_Warning
  • Left_Info
  • Left_Light
  • Left_Dark
  • Left_White
  • Left_Primary_0
  • Left_Secondary_0
  • Left_Success_0
  • Left_Danger_0
  • Left_Warning_0
  • Left_Info_0
  • Left_Light_0
  • Left_Dark_0
  • Left_White_0
  • Bottom
  • Bottom_0
  • Bottom_Primary
  • Bottom_Secondary
  • Bottom_Success
  • Bottom_Danger
  • Bottom_Warning
  • Bottom_Info
  • Bottom_Light
  • Bottom_Dark
  • Bottom_White
  • Bottom_Primary_0
  • Bottom_Secondary_0
  • Bottom_Success_0
  • Bottom_Danger_0
  • Bottom_Warning_0
  • Bottom_Info_0
  • Bottom_Light_0
  • Bottom_Dark_0
  • Bottom_White_0

Contributors


Last updated: June 10, 2020 Edit this page on GitHub

Was this page helpful?

Please make a selection.

To help us improve, please share your reason for the negative feedback in the field below.

Please enter a note.

Thank you for your valuable feedback!

Please note that although we cannot respond to feedback, our team will use your comments to improve the experience.

In this document
Community Talks

Real World Problems and Solutions with AI

27 Feb, 17:00
Online
Watch the Event
Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
Do you need assistance from an ABP expert?
Schedule a Meeting
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book