CSS break-after egenskab

Definition og brug

break-after-attributten bestemmer, om der skal ske en sidebrydning (page-break), en kolonnebrydning (column-break) eller en regionbrydning (region-break) efter det angivne element.

break-after-attributten udvider CSS2's page-break-after-attribut.

Ved at bruge break-after, kan du informere browseren om, hvorvidt der skal ske en afbrydelse (page-break), en kolonneafbrydelse (column-break) eller en regionafbrydelse (region-break) efter et element med break-after-attributten.

Eksempel

Indsæt altid en sidebryder før <footer> elementet:

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

CSS syntaks

break-after: 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 sidebrydning, kolonnebrydning og partitionering efter elementet.
all Indsæt altid en sidebryder umiddelbart efter hovedboksen.
always Indsæt altid en sidebryder efter elementet.
avoid Undgå opdeling af side, kolonne og region efter elementet.
avoid-column Undgå kolonnestilling efter elementet.
avoid-page Undgå sidestilling efter elementet.
avoid-region Undgå partitionering efter elementet.
column Indsæt altid en kolonnebryder efter elementet.
venstre Indsæt en eller to sidebrydere efter elementet for at formatere næste side som venstre side.
side Indsæt altid en sidebryder efter elementet.
recto Indsæt en eller to sidebrydere efter hovedboksen for at formatere næste side som recto-side.
region Indsæt altid en partitioneringsbryder efter elementet.
højre Indsæt en eller to sidebrydere efter elementet for at formatere næste side som højre side.
verso Indsæt en eller to sidebrydere efter hovedboksen for at formatere næste side som verso-side.
initial Sæt denne egenskab til dens standardværdi. Se: initial。
inherit Arv denne egenskab fra sin forælderelement. Se: inherit。

Tekniske detaljer

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

Flere eksempler

Eksempel

Indsæt altid en sidebryder efter elementet med id "toc":

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

Eksempel

Indsæt altid en partitioneringsbryder efter <ul> elementet i en bestemt region:

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

Browser understøttelse

Tabellen nummererer den første browserversion, der fuldt ud understøtter egenskaben.

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