Border Radius

Utilities for controlling the border radius of an element.

Table of classes

Class

Properties

rounded-none

{"borderRadius":0}

rounded-sm

{"borderRadius":2}

rounded

{"borderRadius":4}

rounded-md

{"borderRadius":6}

rounded-lg

{"borderRadius":8}

rounded-xl

{"borderRadius":12}

rounded-2xl

{"borderRadius":16}

rounded-3xl

{"borderRadius":24}

rounded-full

{"borderRadius":9999}

rounded-te-none

{"borderTopEndRadius":0}

rounded-te-sm

{"borderTopEndRadius":2}

rounded-te

{"borderTopEndRadius":4}

rounded-te-md

{"borderTopEndRadius":6}

rounded-te-lg

{"borderTopEndRadius":8}

rounded-te-xl

{"borderTopEndRadius":12}

rounded-te-2xl

{"borderTopEndRadius":16}

rounded-te-3xl

{"borderTopEndRadius":24}

rounded-te-full

{"borderTopEndRadius":9999}

rounded-tl-none

{"borderTopLeftRadius":0}

rounded-tl-sm

{"borderTopLeftRadius":2}

rounded-tl

{"borderTopLeftRadius":4}

rounded-tl-md

{"borderTopLeftRadius":6}

rounded-tl-lg

{"borderTopLeftRadius":8}

rounded-tl-xl

{"borderTopLeftRadius":12}

rounded-tl-2xl

{"borderTopLeftRadius":16}

rounded-tl-3xl

{"borderTopLeftRadius":24}

rounded-tl-full

{"borderTopLeftRadius":9999}

rounded-tr-none

{"borderTopRightRadius":0}

rounded-tr-sm

{"borderTopRightRadius":2}

rounded-tr

{"borderTopRightRadius":4}

rounded-tr-md

{"borderTopRightRadius":6}

rounded-tr-lg

{"borderTopRightRadius":8}

rounded-tr-xl

{"borderTopRightRadius":12}

rounded-tr-2xl

{"borderTopRightRadius":16}

rounded-tr-3xl

{"borderTopRightRadius":24}

rounded-tr-full

{"borderTopRightRadius":9999}

rounded-ts-none

{"borderTopStartRadius":0}

rounded-ts-sm

{"borderTopStartRadius":2}

rounded-ts

{"borderTopStartRadius":4}

rounded-ts-md

{"borderTopStartRadius":6}

rounded-ts-lg

{"borderTopStartRadius":8}

rounded-ts-xl

{"borderTopStartRadius":12}

rounded-ts-2xl

{"borderTopStartRadius":16}

rounded-ts-3xl

{"borderTopStartRadius":24}

rounded-ts-full

{"borderTopStartRadius":9999}

rounded-be-none

{"borderBottomEndRadius":0}

rounded-be-sm

{"borderBottomEndRadius":2}

rounded-be

{"borderBottomEndRadius":4}

rounded-be-md

{"borderBottomEndRadius":6}

rounded-be-lg

{"borderBottomEndRadius":8}

rounded-be-xl

{"borderBottomEndRadius":12}

rounded-be-2xl

{"borderBottomEndRadius":16}

rounded-be-3xl

{"borderBottomEndRadius":24}

rounded-be-full

{"borderBottomEndRadius":9999}

rounded-bl-none

{"borderBottomLeftRadius":0}

rounded-bl-sm

{"borderBottomLeftRadius":2}

rounded-bl

{"borderBottomLeftRadius":4}

rounded-bl-md

{"borderBottomLeftRadius":6}

rounded-bl-lg

{"borderBottomLeftRadius":8}

rounded-bl-xl

{"borderBottomLeftRadius":12}

rounded-bl-2xl

{"borderBottomLeftRadius":16}

rounded-bl-3xl

{"borderBottomLeftRadius":24}

rounded-bl-full

{"borderBottomLeftRadius":9999}

rounded-br-none

{"borderBottomRightRadius":0}

rounded-br-sm

{"borderBottomRightRadius":2}

rounded-br

{"borderBottomRightRadius":4}

rounded-br-md

{"borderBottomRightRadius":6}

rounded-br-lg

{"borderBottomRightRadius":8}

rounded-br-xl

{"borderBottomRightRadius":12}

rounded-br-2xl

{"borderBottomRightRadius":16}

rounded-br-3xl

{"borderBottomRightRadius":24}

rounded-br-full

{"borderBottomRightRadius":9999}

rounded-bs-none

{"borderBottomStartRadius":0}

rounded-bs-sm

{"borderBottomStartRadius":2}

rounded-bs

{"borderBottomStartRadius":4}

rounded-bs-md

{"borderBottomStartRadius":6}

rounded-bs-lg

{"borderBottomStartRadius":8}

rounded-bs-xl

{"borderBottomStartRadius":12}

rounded-bs-2xl

{"borderBottomStartRadius":16}

rounded-bs-3xl

{"borderBottomStartRadius":24}

rounded-bs-full

{"borderBottomStartRadius":9999}