# 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="https://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/jbFsJ4KZ92RosMlWvF5g/image.png" 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="https://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/Guu7DKKaJ0rn0eqlVh1r/image.png" 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="https://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/7lBnBNLXpe0OxHGJtMKL/image.png" 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="https://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/5kW0WMFD1bCICUKrvKc5/image.png" 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="https://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/7PR1sB2hgtrb4MAtKz56/image.png" alt=""><figcaption><p>Block Shadow Style</p></figcaption></figure>

### Animation:

Users can control the animation that the block will display.

<figure><img src="https://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/58TJSDmXPyr1kKZKZT1R/image.png" alt=""><figcaption><p>Block Animation Style</p></figcaption></figure>