Skip to content

Border Sizes

This page lists all Border Sizes CSS custom properties and utility classes available in the OxyProps Framework

Border sizes

link Border sizes
DescriptionCSS VariableUtility Class
Creates a thin border. --o-border-size-1 o-border-1
Creates a light border. --o-border-size-2 o-border-2
Creates a medium border. --o-border-size-3 o-border-3
Creates a thick border. --o-border-size-4 o-border-4
Creates a heavy border. --o-border-size-5 o-border-5

Individual sides

link Individual sides
SizeTopRightBottomLeft
Thin o-border-top-1 o-border-right-1 o-border-bottom-1 o-border-left-1
Light o-border-top-2 o-border-right-2 o-border-bottom-2 o-border-left-2
Medium o-border-top-3 o-border-right-3 o-border-bottom-3 o-border-left-3
Thick o-border-top-4 o-border-right-4 o-border-bottom-4 o-border-left-4
Heavy o-border-top-5 o-border-right-5 o-border-bottom-5 o-border-left-5