Borders
Radius
All corners
Class Name
Value
Class Object
border-radius-none
Border Radius (All): None
border-radius-sm
Border Radius (All): 0.125rem
border-radius
Border Radius (All): 0.25rem
border-radius-md
Border Radius (All): 0.375rem
border-radius-lg
Border Radius (All): 0.5rem
border-radius-xl
Border Radius (All): 0.75rem
border-radius-2xl
Border Radius (All): 1rem
border-radius-3xl
Border Radius (All): 1.5rem
border-radius-full
Border Radius (All): 9999px
Top corners
Class Name
Value
Class Object
border-radius-t-none
Border Radius (Top Left - Top Right): None
border-radius-t-sm
Border Radius (Top Left - Top Right): 0.125rem
border-radius-t
Border Radius (Top Left - Top Right): 0.25rem
border-radius-t-md
Border Radius (Top Left - Top Right): 0.375rem
border-radius-t-lg
Border Radius (Top Left - Top Right): 0.5rem
border-radius-t-xl
Border Radius (Top Left - Top Right): 0.75rem
border-radius-t-2xl
Border Radius (Top Left - Top Right): 1rem
border-radius-t-3xl
Border Radius (Top Left - Top Right): 1.5rem
border-radius-t-full
Border Radius (Top Left - Top Right): 9999px
Right corners
Class Name
Value
Class Object
border-radius-r-none
Border Radius (Top Right - Bottom Right): None
border-radius-r-sm
Border Radius (Top Right - Bottom Right): 0.125rem
border-radius-r
Border Radius (Top Right - Bottom Right): 0.25rem
border-radius-r-md
Border Radius (Top Right - Bottom Right): 0.375rem
border-radius-r-lg
Border Radius (Top Right - Bottom Right): 0.5rem
border-radius-r-xl
Border Radius (Top Right - Bottom Right): 0.75rem
border-radius-r-2xl
Border Radius (Top Right - Bottom Right): 1rem
border-radius-r-3xl
Border Radius (Top Right - Bottom Right): 1.5rem
border-radius-r-full
Border Radius (Top Right - Bottom Right): 9999px
Bottom corners
Class Name
Value
Class Object
border-radius-b-none
Border Radius (Bottom Left - Bottom Right): None
border-radius-b-sm
Border Radius (Bottom Left - Bottom Right): 0.125rem
border-radius-b
Border Radius (Bottom Left - Bottom Right): 0.25rem
border-radius-b-md
Border Radius (Bottom Left - Bottom Right): 0.375rem
border-radius-b-lg
Border Radius (Bottom Left - Bottom Right): 0.5rem
border-radius-b-xl
Border Radius (Bottom Left - Bottom Right): 0.75rem
border-radius-b-2xl
Border Radius (Bottom Left - Bottom Right): 1rem
border-radius-b-3xl
Border Radius (Bottom Left - Bottom Right): 1.5rem
border-radius-b-full
Border Radius (Bottom Left - Bottom Right): 9999px
Left corners
Class Name
Value
Class Object
border-radius-l-none
Border Radius (Top Left - Bottom Left): None
border-radius-l-sm
Border Radius (Top Left - Bottom Left): 0.125rem
border-radius-l
Border Radius (Top Left - Bottom Left): 0.25rem
border-radius-l-md
Border Radius (Top Left - Bottom Left): 0.375rem
border-radius-l-lg
Border Radius (Top Left - Bottom Left): 0.5rem
border-radius-l-xl
Border Radius (Top Left - Bottom Left): 0.75rem
border-radius-l-2xl
Border Radius (Top Left - Bottom Left): 1rem
border-radius-l-3xl
Border Radius (Top Left - Bottom Left): 1.5rem
border-radius-l-full
Border Radius (Top Left - Bottom Left): 9999px
Top left corner
Class Name
Value
Class Object
border-radius-tl-none
Border Radius (Top Left): None
border-radius-tl-sm
Border Radius (Top Left): 0.125rem
border-radius-tl
Border Radius (Top Left): 0.25rem
border-radius-tl-md
Border Radius (Top Left): 0.375rem
border-radius-tl-lg
Border Radius (Top Left): 0.5rem
border-radius-tl-xl
Border Radius (Top Left): 0.75rem
border-radius-tl-2xl
Border Radius (Top Left): 1rem
border-radius-tl-3xl
Border Radius (Top Left): 1.5rem
border-radius-tl-full
Border Radius (Top Left): 9999px
Top right corner
Class Name
Value
Class Object
border-radius-tr-none
Border Radius (Top Right): None
border-radius-tr-sm
Border Radius (Top Right): 0.125rem
border-radius-tr
Border Radius (Top Right): 0.25rem
border-radius-tr-md
Border Radius (Top Right): 0.375rem
border-radius-tr-lg
Border Radius (Top Right): 0.5rem
border-radius-tr-xl
Border Radius (Top Right): 0.75rem
border-radius-tr-2xl
Border Radius (Top Right): 1rem
border-radius-tr-3xl
Border Radius (Top Right): 1.5rem
border-radius-tr-full
Border Radius (Top Right): 9999px
Bottom right corner
Class Name
Value
Class Object
border-radius-br-none
Border Radius (Bottom Right): None
border-radius-br-sm
Border Radius (Bottom Right): 0.125rem
border-radius-br
Border Radius (Bottom Right): 0.25rem
border-radius-br-md
Border Radius (Bottom Right): 0.375rem
border-radius-br-lg
Border Radius (Bottom Right): 0.5rem
border-radius-br-xl
Border Radius (Bottom Right): 0.75rem
border-radius-br-2xl
Border Radius (Bottom Right): 1rem
border-radius-br-3xl
Border Radius (Bottom Right): 1.5rem
border-radius-br-full
Border Radius (Bottom Right): 9999px
Bottom left corner
Class Name
Value
Class Object
border-radius-bl-none
Border Radius (Bottom Left): None
border-radius-bl-sm
Border Radius (Bottom Left): 0.125rem
border-radius-bl
Border Radius (Bottom Left): 0.25rem
border-radius-bl-md
Border Radius (Bottom Left): 0.375rem
border-radius-bl-lg
Border Radius (Bottom Left): 0.5rem
border-radius-bl-xl
Border Radius (Bottom Left): 0.75rem
border-radius-bl-2xl
Border Radius (Bottom Left): 1rem
border-radius-bl-3xl
Border Radius (Bottom Left): 1.5rem
border-radius-bl-full
Border Radius (Bottom Left): 9999px
Borders
The border variables are all bound and cannot be overwritten individually.
All borders
Class Name
Value
Class Object
border-none
Borders (All): None
border-solid-1px-black
Borders (All): Style: Solid | Width: 1px | Color: Black
border-dash-1px-white
Borders (All): Style: Dash | Width: 1px | Color: White
Top border
Class Name
Value
Class Object
border-t-none
Borders (Top): None
border-t-solid-1px-black
Borders (Top): Style: Solid | Width: 1px | Color: Black
Right border
Class Name
Value
Class Object
border-r-none
Borders (Right): None
border-r-solid-1px-black
Borders (Right): Style: Solid | Width: 1px | Color: Black
Bottom border
Class Name
Value
Class Object
border-b-none
Borders (Bottom): None
border-b-solid-1px-black
Borders (Bottom): Style: Solid | Width: 1px | Color: Black
Left border
Class Name
Value
Class Object
border-l-none
Borders (Left): None
border-solid-1px-black
Borders (Left): Style: Solid | Width: 1px | Color: Black