CSS => fragmentatie

Syntaxis

pagina-einde-na: auto | altijd | vermijd | links | rechts | voorletter | erven;
pagina-einde-voor: auto | altijd | vermijd | links | rechts | voorletter | erven;
pagina-einde-binnen: auto | vermijd | voorletter | erven;

Waarde	Beschrijving
auto	Standaard. Automatische pagina-einden
altijd	Voeg altijd een pagina-einde in
Vermijd	Vermijd pagina-einde (indien mogelijk)
links	Voeg pagina-einden in, zodat de volgende pagina wordt opgemaakt als een linkerpagina
Rechtsaf	Voeg pagina-einden in, zodat de volgende pagina wordt opgemaakt als een rechterpagina
eerste	Stelt deze eigenschap in op de standaardwaarde.
erven	Neemt deze eigenschap over van het bovenliggende element.

Er is geen pagina-eindeigenschap in CSS. Alleen de 3 eigenschappen ( pagina-einde-vóór , pagina-einde-na , pagina-einde-binnen ).

Gerelateerd: orphans , widows .

@media print {
  p {
    page-break-inside: avoid;
  }
  h1 { 
    page-break-before: always;
  }
  h2 {
    page-break-after: avoid;
  }
}

Deze code doet 3 dingen:

het voorkomt een pagina-einde binnen p-tags, wat betekent dat een paragraaf nooit zal worden opgesplitst in twee pagina's, indien mogelijk.
het forceert een pagina-einde-voor in alle h1-koppen, wat betekent dat vóór elk optreden van h1 er een pagina-einde is.
het voorkomt pagina-einden direct na elke h2

Modified text is an extract of the original Stack Overflow Documentation

Licentie onder CC BY-SA 3.0

Niet aangesloten bij Stack Overflow