CSS break-inside egenskab

Definition og brug

break-inside egenskaben definerer, om der skal forekomme paginering (page-break), kolonneopdeling (column-break) eller regionopdeling (region-break) inden for det angivne element.

break-inside egenskaben udvider CSS2's page-break-inside egenskab.

Ved at bruge break-inside kan du informere browseren om at undgå afbrydelser inden for billeder, kodefragmenter, tabeller og lister.

Eksempel

Undgå at paginere inden for <img> elementer:

@media print {
  img {
    display: block;
    break-inside: avoid;
  }
}

CSS syntaks

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

Egenskabsværdi

Værdi Beskrivelse
auto Standard. Automatisk paginering, kolonneopdeling og regionopdeling inden for elementet.
avoid Undgå at have paginering, kolonneopdeling eller regionopdeling inden for elementet.
avoid-column Undgå at opdele elementet i kolonner.
avoid-page Undgå at paginere inden for elementet.
avoid-region Undgå at opdele elementet.
initial Sæt denne egenskab til dens standardværdi. Se: initial。
inherit Arv denne egenskab fra sin forældrelement. Se: inherit。

Tekniske detaljer

Standardværdi: auto
Arv: Nej
Animationer: Ikke understøttet. Se:Animationsspecifikke egenskaber。
Version: CSS3
JavaScript syntaks: object.style.breakInside="always"

Flere eksempler

Undgå at paginere inden for <table>、<ul>、<ol> elementer:

@media print {
  table, ul, ol {
    break-inside: avoid;
  }
}

browser-understøttelse

Tallene i tabellen angiver den første browser-version, der fuldt ud understøtter denne egenskab.

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 65.0 10.0 37.0