> ## Documentation Index
> Fetch the complete documentation index at: https://docs.autype.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Block Quotes

> Styled block quotes with optional properties for borders, backgrounds, alignment, and typography.

## Basic block quote

Use `>` at the start of each line:

```markdown theme={null}
> This is a block quote.
> It can span multiple lines.
```

Consecutive `>` lines are merged into a single block quote. A blank line (or a line without `>`) ends the block quote.

## Multi-paragraph block quotes

Block quotes can contain multiple paragraphs — separate them with a blank `>` line:

```markdown theme={null}
> First paragraph of the quote.
>
> Second paragraph, still inside the same block quote.
```

## Inline formatting

Block quote content supports all [inline formatting](/markup-reference/inline-formatting):

```markdown theme={null}
> This quote has **bold**, *italic*, and ++underlined++ text.
> It can also contain [links](https://example.com) and `inline code`.
```

## Styled block quotes

Add properties on the first line using `{ key=value }` syntax to customize the block quote's appearance:

```markdown theme={null}
> {backgroundColor="#E8F5E9" borderColor="#4CAF50"} This is a styled block quote
> with a green background and green left border.
```

### Available properties

| Property          | Type                                 | Default   | Description                                    |
| ----------------- | ------------------------------------ | --------- | ---------------------------------------------- |
| `fontFamily`      | string                               | inherited | Font family (e.g., `"Georgia"`)                |
| `fontSize`        | number                               | inherited | Font size in pt (6–72)                         |
| `fontWeight`      | `normal`, `bold`                     | `normal`  | Font weight                                    |
| `fontStyle`       | `normal`, `italic`                   | `normal`  | Font style                                     |
| `color`           | hex color                            | inherited | Text color (e.g., `"#333333"`)                 |
| `align`           | `left`, `center`, `right`, `justify` | `left`    | Text alignment                                 |
| `backgroundColor` | hex color                            | —         | Background color (supports alpha: `#RRGGBBAA`) |
| `borderWidth`     | number                               | `3`       | Border width in px (0–20)                      |
| `borderColor`     | hex color                            | `#CCCCCC` | Border color                                   |
| `borderTop`       | boolean                              | `false`   | Show top border                                |
| `borderBottom`    | boolean                              | `false`   | Show bottom border                             |
| `borderLeft`      | boolean                              | `true`    | Show left border                               |
| `borderRight`     | boolean                              | `false`   | Show right border                              |
| `indentLeft`      | number                               | `10`      | Left indent in mm (0–100)                      |
| `indentRight`     | number                               | `0`       | Right indent in mm (0–100)                     |
| `spacingBefore`   | number                               | —         | Space before the block quote in pt             |
| `spacingAfter`    | number                               | —         | Space after the block quote in pt              |

<Info>
  Properties are only applied from the **first line** of the block quote. All subsequent `>` lines inherit the same styling.
</Info>

## Examples

### Callout-style box

```markdown theme={null}
> {backgroundColor="#FFF3E0" borderColor="#FF9800" borderWidth=3} **Note:** Please review the attached
> documents before the meeting on Friday.
```

### Centered italic quote

```markdown theme={null}
> {align="center" fontStyle="italic" color="#555555"} "The best way to predict the future is to invent it."
```

### Box with all borders

```markdown theme={null}
> {borderTop=true borderBottom=true borderLeft=true borderRight=true borderColor="#1976D2" backgroundColor="#E3F2FD"} This block quote
> has borders on all four sides, creating a box-like appearance.
```

### Custom indent

```markdown theme={null}
> {indentLeft=20 indentRight=20} This block quote is indented further
> from both sides, creating a narrower text area.
```

## Defaults

Configure default styles for block quotes via `defaults.styles.blockquote` in your document configuration:

```json theme={null}
{
  "defaults": {
    "styles": {
      "blockquote": {
        "fontFamily": "Georgia",
        "fontStyle": "italic",
        "color": "#444444",
        "backgroundColor": "#F5F5F5",
        "borderColor": "#999999",
        "borderWidth": 3,
        "indentLeft": 15
      }
    }
  }
}
```

<Tip>
  Block quote defaults are applied to all block quotes in the document. Properties set directly on a block quote override the defaults.
</Tip>