Add Border to Elements

You can add lines on the outer edges of elements and give corner bevels.

Follow these steps to create Border structure in elements.

  1. Click on the element on the screen to make it selected.
  2. Open the Styling panel.
  3. Go to Border option.
  4. You can save your Border styles to use in different elements or places by clicking Add New Style, which comes after clicking the three-dot icon in the Styles area.
  5. You can choose the Border color of the element by selecting the desired color with Color in the Custom Style area.
  6. Width in the Custom Style field allows you to specify the thickness of the Border in pixels (px). The Width property can be set individually for each edge of an element, or you can ensure that all edges have the same thickness with a single click by activating the lock icon. Specify the border thickness by entering a value.
  7. With Radius (Corner bevels) in the Custom Style area, you can give corner bevels with the values you will give the edges of the border structure you will create in the elements.

The properties in the Border vary according to the elements. While some elements can use all the properties in Border, some elements use limited properties.