Border Width

Following border width utilities can be used to add border radius to elements. Class names are prefixed with .border and any scale as suffix can be added e.g. .border-1, .border. To add border to some specific corners, use first character of the corners in between the prefix and scale e.g. .border-l-2, .border-t.

The default scale will be used if no scaling is provided and default can not be explicitly used as scaling

<div>
  <div class="border">.border</div>
  <hr />
  <div class="border-2">.border-2</div>
</div>

Border Radius

Following border radius utilities can be used to add border radius to elements. Class names are prefixed with .rounded and any scale as suffix can be added e.g. .rounded-sm, .rounded-full. To add border radius to some specific corners, use first character of the corners in between the prefix and scale e.g. .rounded-tl-lg, .rounded-t-none

The default scale will be used if no scaling is provided and default can not be explicitly used as scaling

<div class="rounded border">.border .rounded</div>