---json
{
    "page_id": "f5xfx9icyvlhsjjrqle8j"
}
---
====== ComboStrap Styling - Border ======




===== About =====
The ''border'' is the line that delimits the [[docs:block:block|block components]].



===== Attribute =====

==== border-color ====
Every [[docs:block:block|block component]] will react to the [[docs:styling:styling|styling attribute]] ''border-color'' that sets the [[color|color]] of their border.


Example with the generic [[:docs:layout:component:box|box]]
<webcode name="Default" frameborder="0">
<code dw>
<box border-color="blue" spacing="p-5" align="text-center" width="20rem">
A box with a blue border
</box>
</code>
</webcode>


===== 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 [[:docs:theme:bootstrap|bootstrap]].