borders #
Border shades #
=
=
=
=
=
Border colors #
=
=
=
=
=
=
=
=
=
=
Border widths #
=
=
=
=
=
=
=
=
=
Outlines #
Each border utility class has a corresponding outline variant using the same border variables
(like outline_color_b, outline_width_4, and outline-style:solid), and there are also two special outline variables:
=
=
Border radius #
=
=
=
=
=
=
=
Border radius percentages #
Interpreted utility classes, 0 to 100 (%).
.border-radius:0
.border-radius:14%
.border-radius:32%
.border-radius:100%
Border radius corners #
.border_top_left_radius_lg
.border_top_right_radius_sm
.border_bottom_left_radius_md
.border_bottom_right_radius_xl
Border radius corner percentages #
Interpreted utility classes, 0 to 100 (%).
.border-top-left-radius:26%
.border-top-right-radius:100%
.border-bottom-left-radius:100%
.border-bottom-right-radius:77%