⭕ break-inside CSS Style Property

המאפיין break-inside מגדיר אם מעבר עמוד, מעבר עמודה או מעבר אזור צריך להתרחש בתוך האלמנט שצוין

דוגמא: שליטה האם מותר לשבור עמוד, עמודה או אזור בתוך אלמנט

Demo Panel:

Paragraph one with some text to fill the column.

Paragraph two continues here with more content.

CSS: 111

HTML: 222

Syntax:

break-inside: auto | all | always | avoid | avoid-column | avoid-page | avoid-region | column | left | page | recto | region | right | verso | initial | inherit;

Valid values:

auto, avoid, avoid-page, avoid-column, avoid-region, revert, revert-layer, unset, inherit, initial

Js Syntax: element.style.breakInside

תאימות דפדפנים

break-inside
הערך שנבדק	Chrome	Firefox	EdgeC	Opera
avoid	✔️	✔️	✔️	✔️
auto	✔️	✔️	✔️	✔️
avoid-page	✔️	✔️	✔️	✔️
avoid-column	✔️	✔️	✔️	✔️
revert	✔️	✔️	✔️	✔️
revert-layer	✔️	✔️	✔️	✔️
unset	✔️	✔️	✔️	✔️
inherit	✔️	✔️	✔️	✔️
initial	✔️	✔️	✔️	✔️
avoid-region	❌	❌	❌	❌