Border Radius – Tailwind CSS

rounded-noneborder-radius : 0px ;
rounded-smborder-radius : 0.125rem ;

/* 2px */

roundedborder-radius : 0.25rem ;

/* 4px */

rounded-mdborder-radius : 0.375rem ;

/* 6px */

rounded-lgborder-radius : 0.5rem ;

/* 8px */

rounded-xlborder-radius : 0.75rem ;

/* 12px */

rounded-2xlborder-radius : 1rem ;

/* 16px */

rounded-3xlborder-radius : 1.5rem ;

/* 24px */

rounded-fullborder-radius : 9999px ;
rounded-t-noneborder-top-left-radius : 0px ;
border-top-right-radius : 0px ;
rounded-t-smborder-top-left-radius : 0.125rem ;

/* 2px */

border-top-right-radius : 0.125rem ;

/* 2px */

rounded-tborder-top-left-radius : 0.25rem ;

/* 4px */

border-top-right-radius : 0.25rem ;

/* 4px */

rounded-t-mdborder-top-left-radius : 0.375rem ;

/* 6px */

border-top-right-radius : 0.375rem ;

/* 6px */

rounded-t-lgborder-top-left-radius : 0.5rem ;

/* 8px */

border-top-right-radius : 0.5rem ;

/* 8px */

rounded-t-xlborder-top-left-radius : 0.75rem ;

/* 12px */

border-top-right-radius : 0.75rem ;

/* 12px */

rounded-t-2xlborder-top-left-radius : 1rem ;

/* 16px */

border-top-right-radius : 1rem ;

/* 16px */

rounded-t-3xlborder-top-left-radius : 1.5rem ;

/* 24px */

border-top-right-radius : 1.5rem ;

/* 24px */

rounded-t-fullborder-top-left-radius : 9999px ;
border-top-right-radius : 9999px ;
rounded-r-noneborder-top-right-radius : 0px ;
border-bottom-right-radius : 0px ;
rounded-r-smborder-top-right-radius : 0.125rem ;

/* 2px */

border-bottom-right-radius : 0.125rem ;

/* 2px */

rounded-rborder-top-right-radius : 0.25rem ;

/* 4px */

border-bottom-right-radius : 0.25rem ;

/* 4px */

rounded-r-mdborder-top-right-radius : 0.375rem ;

/* 6px */

border-bottom-right-radius : 0.375rem ;

/* 6px */

rounded-r-lgborder-top-right-radius : 0.5rem ;

/* 8px */

border-bottom-right-radius : 0.5rem ;

/* 8px */

rounded-r-xlborder-top-right-radius : 0.75rem ;

/* 12px */

border-bottom-right-radius : 0.75rem ;

/* 12px */

rounded-r-2xlborder-top-right-radius : 1rem ;

/* 16px */

border-bottom-right-radius : 1rem ;

/* 16px */

rounded-r-3xlborder-top-right-radius : 1.5rem ;

/* 24px */

border-bottom-right-radius : 1.5rem ;

/* 24px */

rounded-r-fullborder-top-right-radius : 9999px ;
border-bottom-right-radius : 9999px ;
rounded-b-noneborder-bottom-right-radius : 0px ;
border-bottom-left-radius : 0px ;
rounded-b-smborder-bottom-right-radius : 0.125rem ;

/* 2px */

border-bottom-left-radius : 0.125rem ;

/* 2px */

rounded-bborder-bottom-right-radius : 0.25rem ;

/* 4px */

border-bottom-left-radius : 0.25rem ;

/* 4px */

rounded-b-mdborder-bottom-right-radius : 0.375rem ;

/* 6px */

border-bottom-left-radius : 0.375rem ;

/* 6px */

rounded-b-lgborder-bottom-right-radius : 0.5rem ;

/* 8px */

border-bottom-left-radius : 0.5rem ;

/* 8px */

rounded-b-xlborder-bottom-right-radius : 0.75rem ;

/* 12px */

border-bottom-left-radius : 0.75rem ;

/* 12px */

rounded-b-2xlborder-bottom-right-radius : 1rem ;

/* 16px */

border-bottom-left-radius : 1rem ;

/* 16px */

rounded-b-3xlborder-bottom-right-radius : 1.5rem ;

/* 24px */

border-bottom-left-radius : 1.5rem ;

/* 24px */

rounded-b-fullborder-bottom-right-radius : 9999px ;
border-bottom-left-radius : 9999px ;
rounded-l-noneborder-top-left-radius : 0px ;
border-bottom-left-radius : 0px ;
rounded-l-smborder-top-left-radius : 0.125rem ;

/* 2px */

border-bottom-left-radius : 0.125rem ;

/* 2px */

rounded-lborder-top-left-radius : 0.25rem ;

/* 4px */

border-bottom-left-radius : 0.25rem ;

/* 4px */

rounded-l-mdborder-top-left-radius : 0.375rem ;

/* 6px */

border-bottom-left-radius : 0.375rem ;

/* 6px */

rounded-l-lgborder-top-left-radius : 0.5rem ;

/* 8px */

border-bottom-left-radius : 0.5rem ;

/* 8px */

rounded-l-xlborder-top-left-radius : 0.75rem ;

/* 12px */

border-bottom-left-radius : 0.75rem ;

/* 12px */

rounded-l-2xlborder-top-left-radius : 1rem ;

/* 16px */

border-bottom-left-radius : 1rem ;

/* 16px */

rounded-l-3xlborder-top-left-radius : 1.5rem ;

/* 24px */

border-bottom-left-radius : 1.5rem ;

/* 24px */

rounded-l-fullborder-top-left-radius : 9999px ;
border-bottom-left-radius : 9999px ;
rounded-tl-noneborder-top-left-radius : 0px ;
rounded-tl-smborder-top-left-radius : 0.125rem ;

/* 2px */

rounded-tlborder-top-left-radius : 0.25rem ;

/* 4px */

rounded-tl-mdborder-top-left-radius : 0.375rem ;

/* 6px */

rounded-tl-lgborder-top-left-radius : 0.5rem ;

/* 8px */

rounded-tl-xlborder-top-left-radius : 0.75rem ;

/* 12px */

rounded-tl-2xlborder-top-left-radius : 1rem ;

/* 16px */

rounded-tl-3xlborder-top-left-radius : 1.5rem ;

/* 24px */

rounded-tl-fullborder-top-left-radius : 9999px ;
rounded-tr-noneborder-top-right-radius : 0px ;
rounded-tr-smborder-top-right-radius : 0.125rem ;

/* 2px */

rounded-trborder-top-right-radius : 0.25rem ;

/* 4px */

rounded-tr-mdborder-top-right-radius : 0.375rem ;

/* 6px */

rounded-tr-lgborder-top-right-radius : 0.5rem ;

/* 8px */

rounded-tr-xlborder-top-right-radius : 0.75rem ;

/* 12px */

rounded-tr-2xlborder-top-right-radius : 1rem ;

/* 16px */

rounded-tr-3xlborder-top-right-radius : 1.5rem ;

/* 24px */

rounded-tr-fullborder-top-right-radius : 9999px ;
rounded-br-noneborder-bottom-right-radius : 0px ;
rounded-br-smborder-bottom-right-radius : 0.125rem ;

/* 2px */

rounded-brborder-bottom-right-radius : 0.25rem ;

/* 4px */

rounded-br-mdborder-bottom-right-radius : 0.375rem ;

/* 6px */

rounded-br-lgborder-bottom-right-radius : 0.5rem ;

/* 8px */

rounded-br-xlborder-bottom-right-radius : 0.75rem ;

/* 12px */

rounded-br-2xlborder-bottom-right-radius : 1rem ;

/* 16px */

rounded-br-3xlborder-bottom-right-radius : 1.5rem ;

/* 24px */

rounded-br-fullborder-bottom-right-radius : 9999px ;
rounded-bl-noneborder-bottom-left-radius : 0px ;
rounded-bl-smborder-bottom-left-radius : 0.125rem ;

/* 2px */

rounded-blborder-bottom-left-radius : 0.25rem ;

/* 4px */

rounded-bl-mdborder-bottom-left-radius : 0.375rem ;

/* 6px */

rounded-bl-lgborder-bottom-left-radius : 0.5rem ;

/* 8px */

rounded-bl-xlborder-bottom-left-radius : 0.75rem ;

/* 12px */

rounded-bl-2xlborder-bottom-left-radius : 1rem ;

/* 16px */

rounded-bl-3xlborder-bottom-left-radius : 1.5rem ;

/* 24px */

rounded-bl-fullborder-bottom-left-radius : 9999px ;