GenerateBlocks 2.0 is here - Read the release post

Learn GenerateBlocks

Borders

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:

Link All Sides

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.