> For the complete documentation index, see [llms.txt](https://velara-3.gitbook.io/web-export/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://velara-3.gitbook.io/web-export/element-options/layout-section/sizing-options.md).

# Layout sizing options

The properties used for setting the size

The size types list includes the properties used for setting the size and can be used as short cut to exclude sizing options. 

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-MDXB0A9i819qV7u42TQ%2F-MDXON0-t_bXpUK3E9Cv%2Fimage.png?alt=media\&token=61062456-1c28-45a2-aa95-71ab80f851a6)

The default option is to set both the width and height. 

By setting the **width** option the **height** option is excluded. 

By setting the **height** option the **width** option is excluded. 

For example, if you chose the **width** option the CSS would look like this: 

```
.MyElement {
    width: 100px;
}
```

If you chose the **height** option the CSS would like this: 

```
.MyElement {
    height: 10px;
}
```

You can also chose the **none** option to exclude any size properties. 

{% hint style="warning" %}
Changing this option to anything but default or both can break your page or element from what it looks like on the artboard. 
{% endhint %}

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

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