ComboStrap Styling - Border

Undraw My Documents

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.




Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.




Recommended Pages
Bootstrap Default Color
Color - How to specify a Color Value on ComboStrap Component

Color management in ComboStrap
Undraw My Documents
ComboStrap - Font Size Typographic Attribute

How to set the font-size with the font-size attribute
Undraw My Documents
ComboStrap Styling - Skin attribute (Button Emphasis Control)

skin is a ComboStrap styling attribute that defines the emphasis level of your button by applying a set of standard styling attribute on: color elevation (shadow) and border where value is one...



Task Runner