# Using var(--containerBorder) in Style Classes

**URL:** <https://forum.inductiveautomation.com/t/using-var-containerborder-in-style-classes/41565>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [December 16, 2020, 2:50pm UTC](https://forum.inductiveautomation.com/t/using-var-containerborder-in-style-classes/41565 "2020-12-16T14:50:05Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![code\_skin](https://avatars.discourse-cdn.com/v4/letter/c/43a26b/32.png) [@code\_skin](https://forum.inductiveautomation.com/u/code_skin)\
**Post date:** [December 16, 2020, 2:50pm UTC](https://forum.inductiveautomation.com/t/using-var-containerborder-in-style-classes/41565/1 "2020-12-16T14:50:05Z")

</div>

In the light theme variables.css there is a variable definition

```auto
--containerBorder: 1px solid var(--border);

```

How do I use this in the Style Class manager?

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/a/4aea816eecb6ccd109671d4b3c3fb44135d37889.png)

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [December 16, 2020, 8:45pm UTC](https://forum.inductiveautomation.com/t/using-var-containerborder-in-style-classes/41565/2 "2020-12-16T20:45:38Z")

</div>

I don’t think it’s possible in a perspective style, at least not in the gui, as this would apply to the `border` property which there isn’t a field for. You could try adding it to the style within your custom theme:

```auto
.psc-path\/to\/YourStyleName{
    border: var(--containerBorder);
} 

```