Borders provide options add a style to the blocks border and apply radius corners.
The best way to visualise the Borders is the box model example:
Margin Area
Padding Area
Border
Content Area
These properties UI supports:
Toggle between setting each value separately or as a group.
Border
border-top
, border-right
, border-bottom
, border-left
Styles for the border edges, can be set independently or as a group and include the following properties.
- border thickness
- border style
- border color
Border Radius
border-top-left-radius
, border-top-right-radius
, border-bottom-right-radius
, border-bottom-left-radius
Round the corners of the blocks border edge.