CSS break-after egenskap

Definition och användning

break-after-attributet definierar om det ska hända en sidsprång (page-break), kolumnbrytning (column-break) eller regionbrytning (region-break) efter det specifika elementet.

break-after-attributet utökar CSS2:s page-break-after-attribut.

Genom att använda break-after kan du informera webbläsaren att bryta sidan, kolumnen eller regionen efter ett element med break-after-attributet, eller undvika att bryta elementet och fördela det över två sidor.

Exempel

Inse alltid en sidbrytningstecken innan <footer>-elementet:

@media print {
  footer {
    break-after: always;
  }
}

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
auto Standard. Automatiskt genomför sidbrytning, kolumnbrytning och partition efter elementet.
all Inse alltid en sidbrytningstecken omedelbart efter huvudramen.
always Inse alltid en sidbrytningstecken efter elementet.
avoid Undvik att bryta sidor, kolumner eller regioner efter elementet.
avoid-column Undvik kolumnbrytning efter elementet.
avoid-page Undvik sidbrytning efter elementet.
avoid-region Undvik partition efter elementet.
kolumn Inse alltid ett kolumnbrytningstecken efter elementet.
vänster Inse en eller två sidbrytningar efter elementet för att forma nästa sida som vänstersida.
sida Inse alltid en sidbrytning efter elementet.
recto Inse en eller två sidbrytningar efter huvudramen för att forma nästa sida som recto-sida.
region Inse alltid ett partitionstecken efter elementet.
höger Inse en eller två sidbrytningar efter elementet för att forma nästa sida som högersida.
verso Inse en eller två sidbrytningar efter huvudramen för att forma nästa sida som verso-sida.
initial Sätt denna egenskap till dess standardvärde. Se: initial.
inherit Följ från föräldrelementet för denna egenskap. Se: inherit.

Tekniska detaljer

Standardvärde: auto
Arv: Nej
Animering: Stöds inte. Se:Animeringsrelaterade egenskaper.
Version: CSS3
JavaScript-syntax: object.style.breakAfter="always"

Mer exempel

Exempel

Inse alltid en sidbrytningstecken efter elementet med id "toc":

@media print {
  #toc {
    break-after: always;
  }
}

Exempel

Inse alltid en partitionstecken efter en <ul>-element inom en viss region:

.region ul {
    break-after: region;
  }
}

Webbläsarstöd

Talen i tabellen anger den första webbläsare som helt stöder denna egenskap.

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