Skip to content


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.