page-break-inside property CSS Reference

---

Definition and Usage

The page-break-inside CSS property adjusts page breaks inside the current element.

• Initial auto
• Applies to block-level elements in the normal flow of the root element. UA may also apply it to other elements like table-row elements.
• Inherited no
• Media visual, paged
• Computed Value as specified
• Animatable no
• Canonical order the unique non-ambiguous order defined by the formal grammar

---

Syntax

Formal syntax: auto | avoid

page-break-inside: auto
page-break-inside: avoid
page-break-inside: inherit

---

Values

auto

Initial value. Automatic page breaks (neither forced nor forbidden).

avoid

Avoid page breaks inside the element.

---

Examples

/* avoid page break inside the paragraph */
p { page-break-inside: avoid;  }

---

Compatibility

Desktop browsers

Mobile browsers