Menthal27

CSS: Tulostus

• @page-sääntö
• Sivujärjestykseen vaikuttavat valitsimet (:first, :left, :right)
• Sivunvaihdot (page-break-after, page-break-before, page-break-inside)
• Marginaalit (margin)
• Leski- ja orporivit (widows ja orphans)

@page-sääntö

@page-säännön avulla sivulle voidaan lisätä CSS-muotoiluja, jotka vaikuttavat vain sivun tulostettavaan versioon. @page käyttäytyy valitsinten tavoin, ja @pagen vaikutusaluetta voikin rajata valitsimilla tehokkaasti.

Esimerkiksi:

@page { muotoilut }

Tai:

@page div#mansikka { muotoilut }

Sivujärjestykseen vaikuttavat valitsimet (:first, :left, :right)

Näiden valitsinten toiminnasta eri selaimilla ei ole tietoa.

Tulostettaessa kaksipuolisesti oikean- ja vasemmanpuoleisten sivujen muotoilut voivat olla erilaisia. :right- ja :left-valitsimilla voidaan vaikuttaa oikean- ja vasemmanpuoleisten sivujen muotoiluihin erikseen. :first-valitsimella voidaan määrittää muotoiluja ensimmäiselle tulostettavalle sivulle.

Mikäli tulostukseen on määritetty päällekkäisiä muotoiluja @page-säännön ja sivujärjestykseen vaikuttavien valitsimien avulla, @page-säännön kautta määritetyt muotoilut jäävät toissijaisiksi.

Esimerkiksi:

p.luokka:left { margin:20px; }

Sivunvaihdot (page-break-after, page-break-before, page-break-inside)

Tämän muotoilun toiminnasta eri selaimilla ei ole tarkkaa tietoa.

Page-break-muotoilut kertovat, mistä kohdin sivu tulostettaessa katkaistaan ja jatketaan eri paperiarkeille. Page-break-after määrittää katkaisun halutun elementin jälkeen, page-break-before sitä ennen ja page-break-inside halutun elementin sisälle.

Arvot

* Page-break-inside voi saada vain tähdellä merkityt arvot.
auto	*	Sivu katkaistaan sopivasta kohdasta sen mukaan, miten sisältö mahtuu tulostusarkeille. Ei pakotettuja arkinvaihtoja.
always		Sivu pakotetaan katkaisemaan halutusta kohdasta.
avoid	*	Sivun katkaisua halutusta kohdasta vältetään, mikäli mahdollista.
inherit	*	Muotoilu peritään ylemmiltä elementeiltä.
left		Ennen tai jälkeen halutun kohdan määritetään yksi tai kaksi tyhjää sivua, jotta seuraava sivu saadaan tulostettua vasemmanpuoleisena.
right		Ennen tai jälkeen halutun kohdan määritetään yksi tai kaksi tyhjää sivua, jotta seuraava sivu saadaan tulostettua oikeanpuoleisena.

Leski- ja orporivit (widows ja orphans)

Tämän muotoilun toiminnasta eri selaimilla ei ole tarkkaa tietoa.

Widows-muotoilu kertoo, kuinka monta riviä elementin sisällä täytyy olla, jotta se saa sijaita tulostettavan sivun alussa. Mikäli rivejä on liian vähän, ne siirretään seuraavalle sivulle. Vastaavasti orphans kertoo, kuinka monta riviä elementin sisällä täytyy olla, jotta se saa sijaita tulostettavan sivun lopussa. Oletusarvo on kaksi riviä.

Arvot

numero	Määrittää rivien määrän (oletusarvo 2).
inherit	Muotoilu peiytyy ylemmiltä elementeiltä.

Esimerkiksi:

orphans:5;
widows:3;