Border Sizes
Ce contenu n’est pas encore disponible dans votre langue.
This page lists all Border Sizes CSS custom properties and utility classes available in the OxyProps Framework
Border sizes
link Border sizes| Description | CSS Variable | Utility 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| Size | Top | Right | Bottom | Left |
|---|---|---|---|---|
| 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 |