Skip to content

Border Radius

Borders
The border-radius defines the roundedness of an element.

All Sides

ClassProperties
wpex-rounded-0
border-radius: 0;
wpex-rounded-sm
border-radius: 5;
wpex-rounded
border-radius: 10;
wpex-rounded-md
border-radius: 15;
wpex-rounded-lg
border-radius: 20;
wpex-rounded-full
border-radius: 99999;

Top

ClassProperties
wpex-rounded-0-t
border-top-left-radius: 0;
border-top-right-radius: 0;
wpex-rounded-sm-t
border-top-left-radius: 5;
border-top-right-radius: 5;
wpex-rounded-t
border-top-left-radius: 10;
border-top-right-radius: 10;
wpex-rounded-md-t
border-top-left-radius: 15;
border-top-right-radius: 15;
wpex-rounded-lg-t
border-top-left-radius: 20;
border-top-right-radius: 20;
wpex-rounded-full-t
border-top-left-radius: 99999;
border-top-right-radius: 99999;

Top Left

ClassProperties
wpex-rounded-0-tl
border-top-left-radius: 0;
border-bottom-left-radius: 0;
wpex-rounded-sm-tl
border-top-left-radius: 5;
border-bottom-left-radius: 5;
wpex-rounded-tl
border-top-left-radius: 10;
border-bottom-left-radius: 10;
wpex-rounded-md-tl
border-top-left-radius: 15;
border-bottom-left-radius: 15;
wpex-rounded-lg-tl
border-top-left-radius: 20;
border-bottom-left-radius: 20;
wpex-rounded-full-tl
border-top-left-radius: 99999;
border-bottom-left-radius: 99999;

Top Right

ClassProperties
wpex-rounded-0-tr
border-top-left-radius: 0;
border-bottom-left-radius: 0;
wpex-rounded-sm-tr
border-top-left-radius: 5;
border-bottom-left-radius: 5;
wpex-rounded-tr
border-top-left-radius: 10;
border-bottom-left-radius: 10;
wpex-rounded-md-tr
border-top-left-radius: 15;
border-bottom-left-radius: 15;
wpex-rounded-lg-tr
border-top-left-radius: 20;
border-bottom-left-radius: 20;
wpex-rounded-full-tr
border-top-left-radius: 99999;
border-bottom-left-radius: 99999;

Right

ClassProperties
wpex-rounded-0-r
border-top-right-radius: 0;
border-bottom-right-radius: 0;
wpex-rounded-sm-r
border-top-right-radius: 5;
border-bottom-right-radius: 5;
wpex-rounded-r
border-top-right-radius: 10;
border-bottom-right-radius: 10;
wpex-rounded-md-r
border-top-right-radius: 15;
border-bottom-right-radius: 15;
wpex-rounded-lg-r
border-top-right-radius: 20;
border-bottom-right-radius: 20;
wpex-rounded-full-r
border-top-right-radius: 99999;
border-bottom-right-radius: 99999;

Bottom

ClassProperties
wpex-rounded-0-b
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
wpex-rounded-sm-b
border-bottom-left-radius: 5;
border-bottom-right-radius: 5;
wpex-rounded-b
border-bottom-left-radius: 10;
border-bottom-right-radius: 10;
wpex-rounded-md-b
border-bottom-left-radius: 15;
border-bottom-right-radius: 15;
wpex-rounded-lg-b
border-bottom-left-radius: 20;
border-bottom-right-radius: 20;
wpex-rounded-full-b
border-bottom-left-radius: 99999;
border-bottom-right-radius: 99999;

Bottom Right

ClassProperties
wpex-rounded-0-br
border-top-left-radius: 0;
border-bottom-left-radius: 0;
wpex-rounded-sm-br
border-top-left-radius: 5;
border-bottom-left-radius: 5;
wpex-rounded-br
border-top-left-radius: 10;
border-bottom-left-radius: 10;
wpex-rounded-md-br
border-top-left-radius: 15;
border-bottom-left-radius: 15;
wpex-rounded-lg-br
border-top-left-radius: 20;
border-bottom-left-radius: 20;
wpex-rounded-full-br
border-top-left-radius: 99999;
border-bottom-left-radius: 99999;

Bottom Left

ClassProperties
wpex-rounded-0-bl
border-top-left-radius: 0;
border-bottom-left-radius: 0;
wpex-rounded-sm-bl
border-top-left-radius: 5;
border-bottom-left-radius: 5;
wpex-rounded-bl
border-top-left-radius: 10;
border-bottom-left-radius: 10;
wpex-rounded-md-bl
border-top-left-radius: 15;
border-bottom-left-radius: 15;
wpex-rounded-lg-bl
border-top-left-radius: 20;
border-bottom-left-radius: 20;
wpex-rounded-full-bl
border-top-left-radius: 99999;
border-bottom-left-radius: 99999;

Left

ClassProperties
wpex-rounded-0-l
border-top-left-radius: 0;
border-bottom-left-radius: 0;
wpex-rounded-sm-l
border-top-left-radius: 5;
border-bottom-left-radius: 5;
wpex-rounded-l
border-top-left-radius: 10;
border-bottom-left-radius: 10;
wpex-rounded-md-l
border-top-left-radius: 15;
border-bottom-left-radius: 15;
wpex-rounded-lg-l
border-top-left-radius: 20;
border-bottom-left-radius: 20;
wpex-rounded-full-l
border-top-left-radius: 99999;
border-bottom-left-radius: 99999;