Skip to main content
U.S. Flag

An official website of the United States government

Border Radius

Apply rounded corners to an element with the border radius utility.

The border radius utility supports default, pill, and circle radiuses, which set border-radius to 3px, 9999px and 100% respectively.

Format: .ds-u-radius--[pill|circle]




The following CSS variables can be overridden to theme the border radius utility:

  • --border-radius