> For the complete documentation index, see [llms.txt](https://docs.varbase.vardot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.varbase.vardot.com/10.1.x/content-designers/about-layout-builder/block-layout/block-styles.md).

# Block Styles

Users can control the block style, background, borders, alignment, etc easily with Drupal while **adding** or **editing** the block as the following:

### Background:

Users may add the block background as:

1. Color.
2. Image.
3. Video

<figure><img src="/files/CoFBzsLR6FF6G6yC6ZPB" alt="" width="514"><figcaption><p>Block Background Style</p></figcaption></figure>

### Typography:

Users can control the text color and alignment in the block.

<figure><img src="/files/yIzsLntv9DUgXgVoBc9X" alt="" width="513"><figcaption><p>Block Typography Style</p></figcaption></figure>

### Spacing:

Users can control the block padding (inner space of the block) and margin (whitespace available surrounding the block)

<figure><img src="/files/RP1snC3xjOM3ou1au6kd" alt="" width="497"><figcaption><p>Block Spacing Style</p></figcaption></figure>

### Border:

Users can control the borders (full/specific edge) by choosing the border style, width, color, and radius.

<figure><img src="/files/VxPZtuhuEmXAK1eXE2cM" alt=""><figcaption><p>Block Border Style</p></figcaption></figure>

### Shadow:

Users can control the section shadow type and have the ability to preview the option they choose.

<figure><img src="/files/TASkJrex8Fa8ieyYU6CZ" alt=""><figcaption><p>Block Shadow Style</p></figcaption></figure>

### Animation:

Users can control the animation that the block will display.

<figure><img src="/files/7Uuy3nDfBhcGVHMhBS2K" alt=""><figcaption><p>Block Animation Style</p></figcaption></figure>