---
title: "Interface: ICanvasContentMargin | Customer's Canvas"
canonical: "https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/ConfigurationInterfaces.ICanvasContentMargin/"
archived: false
applies_to:
  - product: "Customer's Canvas On-Premises"
  - product: "Customer's Canvas Hub"
    versions: ["cloud"]
    entity_id: "https://customerscanvas.com/products/hub#software-application"
  - product: "Design Editor"
    versions: ["7.4"]
---

# Interface: ICanvasContentMargin

**Applies to:** Customer's Canvas On-Premises; Customer's Canvas Hub cloud; Design Editor 7.4

> A structure defining the space (in pixels) between the edges of the canvas viewer and the design. Omitted sides are `0`.

## Example

``` js
configuration = {
  canvas: {
    contentMargin: { left: 30, top: 40, right: 30, bottom: 40 }
  }
};
```

## Properties

### left?

> `optional` **left?**: `number`

The space on the left, in pixels.

***

### top?

> `optional` **top?**: `number`

The space on the top, in pixels.

***

### right?

> `optional` **right?**: `number`

The space on the right, in pixels.

***

### bottom?

> `optional` **bottom?**: `number`

The space on the bottom, in pixels.