Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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.aspImage Added

overflow, vierityspalkki, iframe