Tiskový styl

Speciální styl pro tisk navážeme přidáním následujícího řádku do hlavičky (až za řádek se stávajícím stylem):
<link rel='stylesheet' href='css/styl_print.css' media='print' />.

V CSS souboru styl_print.css doplníme pár vlastností a hodnot tak, aby se při tisku netisklo zbytečně menu a záhlaví. Pokud jste to udělali tak jak jsem napsala, tak se pro formátování tiskového výstupu použije nejdřív náš základní styl, a pak ten tiskový; a protože poslední slovo tady platí, tak můžeme v tiskovém stylu ledacos, co je stanovené v normálním stylu, "přebít" tak, že v tisku to bude jinak. V našem případě by bohatě stačilo:

div#banner {
  display: none;
}
div#menu {
  display: none;
}
body {
  font-family: "Times New Roman", Times, serif;	 
}

Tím jsme nastavili, aby se nezobrazoval banner a menu, a aby se použilo patkové písmo (které je pro tiskový výstup lepší). Ladit to můžete tak, že se v prohlížeči (po refreši stránky) podíváte na náhled tisku. Zkuste si to tady, tady tiskový styl je, a o moc víc toho v něm není.


Mozilla Firefox: Objevte znovu web
píše -dis- bb(zavináč)choltice.eu