# break-before

https://developer.mozilla.org/en-US/docs/Web/CSS/break-before

## auto
```css
.selector {
  composes: auto from 'hydrogencss/break-before.css'
}
```

or:
```css
.selector {
  composes: auto from 'hydrogencss/break-before/auto.css'
}
```

## avoid
```css
.selector {
  composes: avoid from 'hydrogencss/break-before.css'
}
```

or:
```css
.selector {
  composes: avoid from 'hydrogencss/break-before/avoid.css'
}
```

## avoid-column
```css
.selector {
  composes: avoid-column from 'hydrogencss/break-before.css'
}
```

or:
```css
.selector {
  composes: avoid-column from 'hydrogencss/break-before/avoid-column.css'
}
```

## avoid-page
```css
.selector {
  composes: avoid-page from 'hydrogencss/break-before.css'
}
```

or:
```css
.selector {
  composes: avoid-page from 'hydrogencss/break-before/avoid-page.css'
}
```

## avoid-region
```css
.selector {
  composes: avoid-region from 'hydrogencss/break-before.css'
}
```

or:
```css
.selector {
  composes: avoid-region from 'hydrogencss/break-before/avoid-region.css'
}
```

## column
```css
.selector {
  composes: column from 'hydrogencss/break-before.css'
}
```

or:
```css
.selector {
  composes: column from 'hydrogencss/break-before/column.css'
}
```

## left
```css
.selector {
  composes: left from 'hydrogencss/break-before.css'
}
```

or:
```css
.selector {
  composes: left from 'hydrogencss/break-before/left.css'
}
```

## page
```css
.selector {
  composes: page from 'hydrogencss/break-before.css'
}
```

or:
```css
.selector {
  composes: page from 'hydrogencss/break-before/page.css'
}
```

## recto
```css
.selector {
  composes: recto from 'hydrogencss/break-before.css'
}
```

or:
```css
.selector {
  composes: recto from 'hydrogencss/break-before/recto.css'
}
```

## region
```css
.selector {
  composes: region from 'hydrogencss/break-before.css'
}
```

or:
```css
.selector {
  composes: region from 'hydrogencss/break-before/region.css'
}
```

## right
```css
.selector {
  composes: right from 'hydrogencss/break-before.css'
}
```

or:
```css
.selector {
  composes: right from 'hydrogencss/break-before/right.css'
}
```

## verso
```css
.selector {
  composes: verso from 'hydrogencss/break-before.css'
}
```

or:
```css
.selector {
  composes: verso from 'hydrogencss/break-before/verso.css'
}
```