---
title: "Border color properties"
date: "2017-11-11T13:01:46+00:00"
summary: "Customize element borders with precision using border color properties. Learn how to set individual side colors or apply a uniform color, enhancing your web design flexibility and visual appeal."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/border-color-properties"
id: "a92cabce-c586-4dc6-9ef8-7e69bd02ecd8"
---

Set the border color  Top, Bottom, Left and Right of an elements border. Use Color to set an equal color to all sides at the same time. Border color relies on a Border width and Border style being set.

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

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

### Expected value:

*   Select a color from the color palette
*   Translucent colors are accepted

Border color equal
------------------

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

### Expected value:

*   Select a color from the color palette
*   Translucent colors are accepted

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