ComboStrap Styling - Border

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>

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.