# CellBoxStyle

Canonical page: https://www.adaptabletools.com/docs/reference/cellboxstyle

The "box" half of an `AdaptableStyle`: everything that paints the cell box
(background colour and the border that wraps the cell).

Used as a `Cell?` slot on Styled Columns whose renderer paints into the
cell content but leaves the cell chrome alone (Rating, Sparkline) so the
column can opt-in to a tinted/bordered cell without inheriting other
properties from a Format Column.

```ts title="TypeScript"
export interface CellBoxStyle 
```

## Properties

| Property | Type | Description |
| --- | --- | --- |
| [BackColor](https://www.adaptabletools.com/docs/reference/cellboxstyle.md#backcolor) | `string` | Colour background of cell: hex, rgb(a) or name |
| [BorderColor](https://www.adaptabletools.com/docs/reference/cellboxstyle.md#bordercolor) | `string` | Colour of cell border: hex, rgb(a) or name |
| [BorderRadius](https://www.adaptabletools.com/docs/reference/cellboxstyle.md#borderradius) | `number` | Rounds corners of an element's outer border edge; equivalent of CSS border-radius |

## Property Details

### BackColor

Colour background of cell: hex, rgb(a) or name

```ts title="TypeScript"
BackColor?: string;
```

###### Property Value

`string`

### BorderColor

Colour of cell border: hex, rgb(a) or name

```ts title="TypeScript"
BorderColor?: string;
```

###### Property Value

`string`

### BorderRadius

Rounds corners of an element's outer border edge; equivalent of CSS border-radius

```ts title="TypeScript"
BorderRadius?: number;
```

###### Property Value

`number`