---
title: "Border style properties"
date: "2017-11-11T13:05:04+00:00"
summary: "Customize element borders with ease using border style properties. Learn how to set individual styles for each side or apply a uniform style to all sides, with options like solid, dotted, dashed, and more."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/border-style-properties"
id: "b4a7c445-d30a-4ba1-8a6d-5f49d9973bc6"
---

Set the border style Top, Bottom, Left and Right on an element. Use Equal style to set the style of all sides at the same time.

Border style top, bottom, left and right
----------------------------------------

Set the border style of each side individually using **top**, **bottom**, **left** and **right.**

### Options:

*   **None** - Display no border. In table cell has lowest priority
*   **Solid** - Display a solid border
*   **Dotted** - Display a dotted border
*   **Dashed** - Display a dashed border
*   **Double** - Display a double border
*   **Hidden** - Display no border. In table cell has highest priority

Border style equal
------------------

Set the border style on all sides. Equal style and individual styles can be used together. An individual style will override the equal style on that side.

### Options:

*   **None** - Display no border. In table cell has lowest priority
*   **Solid** - Display a solid border
*   **Dotted** - Display a dotted border
*   **Dashed** - Display a dashed border
*   **Double** - Display a double border
*   **Hidden** - Display no border. In table cell has highest priority

Find more information at [https://developer.mozilla.org/en-US/docs/Web/CSS/border-style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style)