Skip to content

Border Sizes

OxyProps CSS Variables
--o-border-size-1: 1px;
--o-border-size-2: 2px;
--o-border-size-3: 5px;
--o-border-size-4: 10px;
--o-border-size-5: 25px;
o-border-1
CSS Variable
var(--o-border-size-1)
Utility Class (all sides)
o-border-1
Utility Class (top)
o-border-top-1
Utility Class (bottom)
o-border-bottom-1
Utility Class (left)
o-border-left-1
Utility Class (right)
o-border-right-1
o-border-2
CSS Variable
var(--o-border-size-2)
Utility Class (all sides)
o-border-2
Utility Class (top)
o-border-top-2
Utility Class (bottom)
o-border-bottom-2
Utility Class (left)
o-border-left-2
Utility Class (right)
o-border-right-2
o-border-3
CSS Variable
var(--o-border-size-3)
Utility Class (all sides)
o-border-3
Utility Class (top)
o-border-top-3
Utility Class (bottom)
o-border-bottom-3
Utility Class (left)
o-border-left-3
Utility Class (right)
o-border-right-3
o-border-4
CSS Variable
var(--o-border-size-4)
Utility Class (all sides)
o-border-4
Utility Class (top)
o-border-top-4
Utility Class (bottom)
o-border-bottom-4
Utility Class (left)
o-border-left-4
Utility Class (right)
o-border-right-4
o-border-5
CSS Variable
var(--o-border-size-5)
Utility Class (all sides)
o-border-5
Utility Class (top)
o-border-top-5
Utility Class (bottom)
o-border-bottom-5
Utility Class (left)
o-border-left-5
Utility Class (right)
o-border-right-5