---
title: "Border width properties"
date: "2017-11-11T13:06:25+00:00"
summary: "Learn how to set border widths in CSS with precision. Control top, bottom, left, and right borders individually or set equal widths. Explore accepted units and keywords for perfect element styling."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/border-width-properties"
id: "9004f47f-8b33-46cc-9c19-709b3e88417c"
---

Set the border width on an element.

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

Set the border width of each side individually using **Top**, **Bottom**, **Left** and **Right**.

### Expected value:

*   Enter a number (Negative values are not accepted)
*   Enter a keyword - thin, medium, thick (Browsers may render these widths differently)

### Accepted units:

You can leave blank or specify a unit to be used.

*   **blank** - Enter a number and the value will be interpreted as pixels
*   **px** - The value will be applied in pixels

**Note:** Additional units are accepted. For more information see [https://www.w3schools.com/cssref/css\_units.asp](https://www.w3schools.com/cssref/css_units.asp)

Border width equal
------------------

Set the border width on all sides of an element. Equal width and individual side widths can be used together. An individual side width will override the equal width on that side.

### Expected value:

*   Enter a number (Negative values are not accepted)
*   Enter a keyword - thin, medium, thick (Browsers may render these widths differently)

### Accepted units:

You can leave blank or specify a unit to be used.

*   **blank** - Enter a number and the value will be interpreted as pixels
*   **px** - The value will be applied in pixels

**Note:** Additional units are accepted. For more information see [https://www.w3schools.com/cssref/css\_units.asp](https://www.w3schools.com/cssref/css_units.asp)

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