Border

The Border option allows you to add and adjust borders for elements on the landing page, such as text, images, buttons, or content blocks. Borders help create a clear separation between elements and can be used to highlight or decorate elements on a landing page.

Below is a detailed guide on how to use the Border option:

• Border: Adjust the thickness of the border by entering a value; a larger value will make the border thicker. The lock icon allows you to decide whether the border values will be applied uniformly to all sides of the section or separately for each side.

  • Default: The default border style of the editor or browser, usually no border or a basic solid border.

  • Solid: A solid-colored border, which is the basic border style and is commonly used.

  • Dotted: A border made up of small, continuous dots.

  • Dashed: A border made up of short, continuous dashes.

  • Double: A double border consisting of two parallel borders.

  • Groove: A border that creates a sense of depth within the element, often used to create a 3D effect.

  • Ridge: A border that creates a raised appearance, opposite to the Groove style.

  • Inset: A border that gives the impression of the element being pressed inward, used for internal effects.

  • Outset: A border that gives the impression of the element rising outside its container.

• Radius: The Radius option allows you to adjust the curvature of the corners of the element. This gives the element rounded corners instead of sharp corners. The lock icon allows you to decide whether the radius values will be applied uniformly to all corners of the section or separately for each corner.