Border Style

​

Overview

​

Example

​

Examples

<div class="elementor-element border-2 border-solid padding-4 background-white rounded">
  Solid border
</div>
<div class="elementor-element border-2 border-dashed padding-4 background-white rounded">
  Dashed border
</div>
<div class="elementor-element border-0 border-none padding-4 background-gray-light rounded">
  No border
</div>

​

Best Practices

• Use border-solid for most buttons, inputs, cards, and structural UI.
• Use border-dashed sparingly for optional, provisional, or drop-zone style patterns.
• Pair style with explicit width and color classes so the full border treatment is obvious in markup.
• Use border-none intentionally when a component preset adds a border you want removed.

​

Related Utilities