# Styling elements

When Web Export exports an element to HTML it defines as few styles as possible but there are times when you may want to add, remove or change a style. 

You can set easily add or overwrite the styles of an element using the Styles field in the [Element Option](https://velara-3.gitbook.io/web-export/element-options) dialog or panel. 

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LpEG2b8hjbrXQs-jo4U%2F-LpEIrzsRFXsyunGZQiv%2Fimage.png?alt=media\&token=912dc6f0-2a52-4adb-8d6e-5c86e7a5a3a0)

For example, if you have a text element and want the text to have different letter spacing you could select the element and set the letter spacing style:

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LpEG2b8hjbrXQs-jo4U%2F-LpEJIH1nSexmFCShGts%2Fimage.png?alt=media\&token=d2cd2f75-31bc-450a-b5ef-70bda9029333)

When you set additional styles fields they will overwrite an existing style of the same name if it's already set. 

In the Styles field the format is the name of the style and then it’s value. If you have multiple styles separate them by a semicolon.

You can remove all styles with the `-all` directive. You can remove individual styles with the `-style` directive. You can add styles back in after using `-all` with the name of style directive. 

On text fields you can remove all text styles by using **-text**.

Read more [here](https://velara-3.gitbook.io/web-export/element-options/untitled). 

{% embed url="<https://developer.mozilla.org/en-US/docs/Glossary/Style_origin>" %}

{% embed url="<https://developer.mozilla.org/en-US/docs/Web/CSS>" %}

{% embed url="<https://developer.mozilla.org/en-US/docs/Learn/CSS>" %}