# CSS Columns

> Neste drop falei sobre CSS Columns, um recurso muito pouco falado, mas muito útil na diagramação de textos.

- Canonical: https://betomuniz.com/blog/css-columns
- Published: 2020-09-16
- Updated: 2026-04-21T17:44:00.000Z
- Language: pt
- Tags: CSS

---

A propriedade `columns` do CSS permite diagramar o fluxo de textos em colunas.

Com a propriedade `columns` podemos configurar a **largura mínima** de cada coluna e o **número esperado de colunas**.

```css
.texto {
  columns: 100px 3;
}
```

Outra forma de definir CSS Columns, é através do conjunt de propriedade `column-*`.

```css
.texto {
  column-gap: 100px;
  column-count: 3;
  column-rule: 4px double #663399;
}
```

```plain text
https://res.cloudinary.com/beto-muniz/video/upload/v1600174990/Kapture_2020-09-15_at_09.54.22_gywzye.mp4
```

Bacana, né?