Borders

List of Border Utility Classes included with Canvas.

Classes

ClassDescription
.border-width-*Applies the defined Border Width on the element.

Hover
Use .h-border-width-{value} to apply the Border Width on Hover
Example: [ch_pre]
[/ch_pre]
.border-dottedSets the border-style CSS Property to dotted
.border-dashedSets the border-style CSS Property to dashed
.border-solidSets the border-style CSS Property to solid
.border-doubleSets the border-style CSS Property to double
Bootstrap Border ColorsCanvas has Option to extend the Bootstrap's Border Colors so that they can be applied on Hovers.

Example:
For .border-primary to be applied on Hover, use .h-border-primary instead
.border-tsApplies Border Transitions on the Element
Example: [ch_pre]
[/ch_pre]