Break After

Utilities for controlling how a column or page break should behave.

Class CSS Output
break-after-page
break-after: page;
}
break-after-avoid-page
break-after: avoid-page;
}
break-before-all
break-before: all;
}
break-after-all
break-after: all;
}
break-before-left
break-before: left;
}
break-before-right
break-before: right;
}
break-before-column
break-before: column;
}
break-inside-avoid-page
break-inside: avoid-page;
}
break-after-left
break-after: left;
}
break-inside-avoid
break-inside: avoid;
}

break-after-page

break-after: page;

break-after-avoid-page

break-after: avoid-page;

break-before-all

break-before: all;

break-after-all

break-after: all;

break-before-left

break-before: left;

break-before-right

break-before: right;

break-before-column

break-before: column;

break-inside-avoid-page

break-inside: avoid-page;

break-after-left

break-after: left;

break-inside-avoid

break-inside: avoid;

Reference

break-after MDN ↗
break-before MDN ↗
break-inside MDN ↗

CSS Properties

  • break-after
  • break-before
  • break-inside