Border Radius
Control the border radius of elements using Tailwind CSS utility classes. You can set rounded corners on all sides, specific corners, or use logical properties for RTL support.
Usage Examples
rounded-lg
rounded-lg rounded-full
rounded-full rounded-tl-2xl
rounded-tl-2xl Top & Bottom
Left & Right
Corner Specific
rounded-tlrounded-trrounded-blrounded-brrounded-tl-nonerounded-tl-smrounded-tl-mdrounded-tl-lgrounded-tl-xlrounded-tl-2xlrounded-tl-3xlrounded-tl-fullrounded-tr-nonerounded-tr-smrounded-tr-mdrounded-tr-lgrounded-tr-xlrounded-tr-2xlrounded-tr-3xlrounded-tr-fullrounded-bl-nonerounded-bl-smrounded-bl-mdrounded-bl-lgrounded-bl-xlrounded-bl-2xlrounded-bl-3xlrounded-bl-fullrounded-br-nonerounded-br-smrounded-br-mdrounded-br-lgrounded-br-xlrounded-br-2xlrounded-br-3xlrounded-br-fullLogical Properties
rounded-smrounded-srounded-erounded-ssrounded-serounded-esrounded-eerounded-t-smrounded-b-smrounded-l-smrounded-r-smrounded-tl-smrounded-tr-smrounded-bl-smrounded-br-smrounded-s-nonerounded-s-smrounded-s-mdrounded-s-lgrounded-s-xlrounded-s-2xlrounded-s-3xlrounded-s-fullrounded-e-nonerounded-e-smrounded-e-mdrounded-e-lgrounded-e-xlrounded-e-2xlrounded-e-3xlrounded-e-fullrounded-ss-nonerounded-ss-smrounded-ss-mdrounded-ss-lgrounded-ss-xlrounded-ss-2xlrounded-ss-3xlrounded-ss-fullrounded-se-nonerounded-se-smrounded-se-mdrounded-se-lgrounded-se-xlrounded-se-2xlrounded-se-3xlrounded-se-fullrounded-es-nonerounded-es-smrounded-es-mdrounded-es-lgrounded-es-xlrounded-es-2xlrounded-es-3xlrounded-es-fullrounded-ee-nonerounded-ee-smrounded-ee-mdrounded-ee-lgrounded-ee-xlrounded-ee-2xlrounded-ee-3xlrounded-ee-fullIndividual Corner Sizes
rounded-t-nonerounded-t-smrounded-t-mdrounded-t-lgrounded-t-xlrounded-t-2xlrounded-t-3xlrounded-t-fullrounded-b-nonerounded-b-smrounded-b-mdrounded-b-lgrounded-b-xlrounded-b-2xlrounded-b-3xlrounded-b-fullrounded-s-nonerounded-s-smrounded-s-mdrounded-s-lgrounded-s-xlrounded-s-2xlrounded-s-3xlrounded-s-fullrounded-e-nonerounded-e-smrounded-e-mdrounded-e-lgrounded-e-xlrounded-e-2xlrounded-e-3xlrounded-e-full