---
title: Tables
description: Bamboo provides utilities for styling tables.
---

Bamboo provides utilities for styling tables.

## Border Spacing

`borderSpacingX` and `borderSpacingY` write the `--border-spacing-x` and `--border-spacing-y` custom properties. Nothing
reads them until `borderSpacing` is set to `auto`, so set all three together.

```jsx
<table className={css({ borderSpacing: 'auto', borderSpacingX: '2', borderSpacingY: '1' })} />
```

| Prop             | CSS Property         | Token Category |
| ---------------- | -------------------- | -------------- |
| `borderSpacing`  | `border-spacing`     | `spacing`      |
| `borderSpacingX` | `--border-spacing-x` | `spacing`      |
| `borderSpacingY` | `--border-spacing-y` | `spacing`      |
