Border Radius
Rounded Corners
Section titled “Rounded Corners”Border radius adds rounded corners to an element.
Border radius can be expressed either as a length in CSS units (px, em, etc.) or as a percentage of the size of the HTML element.
All Corners, Equal Rounding by Length
Section titled “All Corners, Equal Rounding by Length”
All Corners, Equal Rounding by Percentage
Section titled “All Corners, Equal Rounding by Percentage”
Circular
Section titled “Circular”- Width and Height must also be equal, specific values
Rounding Specific Corners
Section titled “Rounding Specific Corners”Top-left, Top-right, Bottom-right, Bottom-left
Alternating Pairs
Section titled “Alternating Pairs”Top-left & Bottom-Right, Top-Right & Bottom-Left
Specifying Horizontal / Vertical Rounding
Section titled “Specifying Horizontal / Vertical Rounding”This can be applied to all corners, individual corners, or pairs.
