Skip to main content

Border

As the name suggests, Border category under the Style Manager allows you to add a border around any component in all the four sides.

  • Border Top: Allows you to add a border at the top side of a component.
  • Border Left: Allows you to add a border in the leftside of a component.
  • Border Bottom: Allows you to add a border at the bottom side of a component.
  • Border Right: Allows you to add a border in the rightside of a component.

The Top, Left, Bottom and Right Borders contain the same set of border properties, which are:

Border Width​

This property determines the width of the border in pixels, EM and REM.

DrapCode Border Width

Border Style​

This property determines the style of the border you want add around a component.

DrapCode Border Style

Border Color​

This property determines the color of the border. You can choose any color from the color picker.

DrapCode Border Color

Adding Border to a Component​

In the example below, border is added in all the four sides of the "Paragraph" component.

DrapCode Builder Border Adjust