# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.varbase.vardot.com/10.1.x/content-designers/about-layout-builder/block-layout/block-styles.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.