...
- tämän sivun tulostusnäkymä (Firefoxissa Tiedosto -> Tulosta -> Esikatselu)
- http://mlab.taik.fi/
Tulostusta varten suunnitellun CSS-tiedoston liittäminen sivuun
Tulostusta varten tehtävät asetukset kirjoitetaan omaan CSS-tiedostoon, joka linkitetään sivulle LINK-elementillä:
No Format |
---|
<link rel="stylesheet" type="text/css" href="tulostustyyli.css" media="print" >
|
- LINK-elementissä oleva media-määrite aiheuttaa sen, että tyyliohje vaikuttaa vain paperitulostuksessa
- paperitulostukseen suunnitellussa CSS-tiedostossa riittää, että määritellään vain tulostukseen vaikuttavat erityistekijät. Muut ulkoasumääritykset haetaan perustiedostosta.
Sivukohtaisen tyyliohjeen muokkaus tulostusta varten
- Jos tulostusta koskevia tyylisääntöjä on vähän, kätevintä on kirjoittaa ne osaksi sivun yleistä tyyliohjetta
- Se tapahtuu erityisellä @media-rajoituksella
Esimerkiksi
No Format |
---|
body {font-family: Arial, Helvetica, sans-serif}
@media print {
body {font-family:Myriad, Times, serif;}
a {text-decoration:underline;}
}
|
Linkkejä
Mediatyypit: http://www.w3schools.com/CSS/css_mediatypes.asp
overflow, vierityspalkki, iframe