---
title: "SafetyLine | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/SafetyLine/"
---

# SafetyLine

> - [`INotifyPropertyChanged`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/INotifyPropertyChanged.md#inotifypropertychanged)\<[`SafetyLine`](#safetyline), `string`\>

## Enumerations

### PdfBox

#### Enumeration Members

| Enumeration Member | Value |
| ------ | ------ |
|  `Bleed` | `"Bleed"` |
|  `Crop` | `"Crop"` |
|  `Trim` | `"Trim"` |

## Classes

### SafetyLine

#### Implements

#### Constructors

##### Constructor

```ts
new SafetyLine(properties?): SafetyLine;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `properties?` | `Partial`\<[`SafetyLine`](#safetyline)\> |

###### Returns

[`SafetyLine`](#safetyline)

#### Accessors

##### altColor

###### Get Signature

```ts
get altColor(): Color;
```

###### Returns

[`Color`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Color.md#abstract-color)

###### Set Signature

```ts
set altColor(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`Color`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Color.md#abstract-color) |

###### Returns

`void`

##### borderRadius

###### Get Signature

```ts
get borderRadius(): string;
```

###### Returns

`string`

###### Set Signature

```ts
set borderRadius(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `string` |

###### Returns

`void`

##### color

###### Get Signature

```ts
get color(): Color;
```

###### Returns

[`Color`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Color.md#abstract-color)

###### Set Signature

```ts
set color(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`Color`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Color.md#abstract-color) |

###### Returns

`void`

##### margin

###### Get Signature

```ts
get margin(): MarginOrNumber;
```

###### Returns

[`MarginOrNumber`](#marginornumber)

###### Set Signature

```ts
set margin(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`MarginOrNumber`](#marginornumber) |

###### Returns

`void`

##### name

###### Get Signature

```ts
get name(): string;
```

###### Returns

`string`

###### Set Signature

```ts
set name(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `string` |

###### Returns

`void`

##### pdfBox

###### Get Signature

```ts
get pdfBox(): PdfBox;
```

###### Returns

[`PdfBox`](#pdfbox)

###### Set Signature

```ts
set pdfBox(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | [`PdfBox`](#pdfbox) |

###### Returns

`void`

##### stepPx

###### Get Signature

```ts
get stepPx(): number;
```

###### Returns

`number`

###### Set Signature

```ts
set stepPx(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `number` |

###### Returns

`void`

##### widthPx

###### Get Signature

```ts
get widthPx(): number;
```

###### Returns

`number`

###### Set Signature

```ts
set widthPx(value): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `value` | `number` |

###### Returns

`void`

#### Methods

##### addPropertyChanged()

```ts
addPropertyChanged(listener): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `listener` | (`sender`, `eventArgs`) => `void` |

###### Returns

`void`

###### Implementation of

[`INotifyPropertyChanged`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/INotifyPropertyChanged.md#inotifypropertychanged).[`addPropertyChanged`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/INotifyPropertyChanged.md#addpropertychanged)

##### clone()

```ts
clone(): SafetyLine;
```

###### Returns

[`SafetyLine`](#safetyline)

##### getCornerRadiuses()

```ts
getCornerRadiuses(bounds): SizeF[];
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `bounds` | [`RectangleF`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/RectangleF.md#rectanglef) |

###### Returns

[`SizeF`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/SizeF.md#sizef)[]

##### getMargin()

```ts
getMargin(): Margin;
```

###### Returns

[`Margin`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/Margin.md#margin)

##### getRectangle()

```ts
getRectangle(bounds): RectangleF;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `bounds` | [`RectangleF`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/RectangleF.md#rectanglef) |

###### Returns

[`RectangleF`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/RectangleF.md#rectanglef)

##### removePropertyChanged()

```ts
removePropertyChanged(listener): void;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `listener` | (`sender`, `eventArgs`) => `void` |

###### Returns

`void`

###### Implementation of

[`INotifyPropertyChanged`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/INotifyPropertyChanged.md#inotifypropertychanged).[`removePropertyChanged`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/INotifyPropertyChanged.md#removepropertychanged)

## Type Aliases

### MarginOrNumber

```ts
type MarginOrNumber = number | Margin;
```