Table of Contents

About

The border is the line that delimits the block components.

Attribute

border-color

Every block component will react to the styling attribute border-color that sets the color of their border.

Example with the generic box

<box border-color="blue" spacing="p-5" align="text-center" width="20rem">
A box with a blue border
</box>
A box with a blue border

Support

Default Border Attributes applied with color

If you set a border-color attributes, by default ComboStrap will set the following properties if they are not present.

  • a width of 1px
  • a style of solid (ie a continue line)
  • a radius of 0.25rem (round corner)

This is :

  • to avoid the confusion to see nothing appearing on the screen
  • and to have a consistent styling with bootstrap.