CSS nyomtatási stílusok

A CSS nyomtatási stílusok segítségével optimalizálhatjuk a weboldal megjelenését akkor, amikor a felhasználó kinyomtatja azt. A @media print szabály lehetővé teszi, hogy külön stílusokat adjunk meg nyomtatáshoz, például eltüntessünk felesleges elemeket, vagy más betűméretet állítsunk be.

Alapvető nyomtatási stílusok

A @media print blokkban meghatározott szabályok csak akkor érvényesülnek, ha a dokumentumot nyomtatják. Ez különösen hasznos például navigációs menük, hirdetések vagy láblécek eltüntetésére a nyomtatott verzióból.

Ebben a példában a navigációs és lábléc elemek nem jelennek meg a nyomtatásban, a szöveg pedig nagyobb és fekete betűvel kerül megjelenítésre.

Oldalméret és tördelés

A CSS nyomtatási szabályok lehetőséget adnak oldalméretek és margók beállítására az @page szabállyal, valamint tördelési pontok (page-break) hozzáadására a tartalom jobb szervezéséhez.

Ebben a példában az oldalmargó 2 cm lesz, és minden új fejezetcím új oldalon kezdődik.

Tippek nyomtatási stílushoz

A nyomtatási stílusok kialakításakor fontos, hogy a tartalom jól olvasható legyen, és csak a valóban szükséges elemek kerüljenek a papírra.

• Távolítsd el a menüket, hirdetéseket és más irreleváns elemeket a nyomtatási nézetből.
• Használj kontrasztos színeket és megfelelő betűméretet a könnyebb olvashatóság érdekében.
• Állíts be oldaltöréseket a tartalom logikus szervezéséhez, például fejezetek előtt.