# Rounding Utilities

**Full documentation:** https://webawesome.com/docs/utilities/rounding

Web Awesome includes classes to set an element's `border-radius` property. They can be used alongside Web Awesome layout utilities, like [frame](https://webawesome.com/docs/utilities/frame), to round all corners of an element.

Each class corresponds to one of the [`--wa-border-radius-*`](https://webawesome.com/docs/tokens/borders/#radius) tokens in your theme.

| Class Name | border-radius Value |
| --- | --- |
| \`wa-border-radius-s\` | \`--wa-border-radius-s\` |
| \`wa-border-radius-m\` | \`--wa-border-radius-m\` |
| \`wa-border-radius-l\` | \`--wa-border-radius-l\` |
| \`wa-border-radius-pill\` | \`--wa-border-radius-pill\` |
| \`wa-border-radius-circle\` | \`--wa-border-radius-circle\` |
| \`wa-border-radius-square\` | \`--wa-border-radius-square\` |