Borders
Borders separate the content from the outer context.
👉 All values on this page can be changed by overriding values in your design tokens.
Available border widths (the list may grow in the future):
| Border width | Value | Usage in CSS | Purpose |
|---|---|---|---|
| 1 | 1 px | --rui-dimension-border-width-1 |
Base border width |
Available border styles:
| Border style | Usage in CSS | Purpose |
|---|---|---|
| focus ring | --rui-border-focus-ring |
Focus ring style |
👉 Check Colors for available border colors.
👉 Check Accessibility for all focus ring options.