> For the complete documentation index, see [llms.txt](https://docs.poweredbybackstage.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.poweredbybackstage.com/modules/style.md).

# Style

![A blank Style module in the Layout Editor](https://2635135911-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9NyC60xfSabdCmQW0heP%2Fuploads%2FDSfN2WIBqT3czXmYvjKz%2Fimage.png?alt=media\&token=ade64fbb-1b94-4cf6-902a-1151fe3dca07)

## **Overview**

The **Style module** is a blank slate module that can be used as a parent module for applying consistent styling to its children.

## **Style Properties**

**Orientation**\
*Dropdown*\
Sets how children of a Style module are oriented. The following options can be used:

* `horizontal`
* `vertical`

**Enable Auto Layout**\
Checkbox *- `enabled` or `disabled`*

[**Background Image**](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image)\
S*tring, url*\
Defines a background image. This property accepts a URL of an image.

[**Background Color**](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)\
*String - Valid color string (`white`) or hex code (`#FFFFF`)*\
Defines a background color.

[**Background Repeat**](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat)\
*String, css property*\
Sets how background images are repeated. Options include:

* `repeat-x`
* `repeat-y`
* `repeat`
* `space`
* `round`
* `no-repeat`

[**Background Attachment**](https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment)\
*String, css property*\
Sets whether the background image position is fixed within the viewport, or scrolls with its containing block.

[**Background Position**](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position)\
*String, css property value*\
Defines the position of the background, if one was specified.

[**Background Size**](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size)\
*String, css property value*\
Defines the size mode of the background.

[**Max Height**](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height)\
*String*\
Defines the max height. This property accepts lengths followed by a relative unit (`em`, `ex`, or `px`) or percentages. Example: `6px` or `1em`

[**Min Height**](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height)\
String\
Defines the minimum height. This property accepts lengths followed by a relative unit (`em`, `ex`, or `px`) or percentages. Example: `6px` or `1em`

[**Padding**](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)\
*String*\
Defines the padding around the edge of the contents of the Style module. This property will only add space around the edge of the content of the Style module, not between children. This property accepts lengths followed by a relative unit (`em`, `ex`, or `px`) or percentages. Example: `500px` or `5em`

[**Margin**](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)\
*String*\
Defines the margin around the outside of the Style module. This property accepts lengths followed by a relative unit (`em`, `ex`, or `px`) or percentages. Example: `500px` or `5em`

**Style attribute**\
*String, css style property input*\
Can apply additional CSS to customize the contents of the Style module.