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.
✨ Kérdezd Larát — a tanulási partnered
Fedezd fel a személyre szabott tanulási támogatást. Lara elmagyarázza az anyagot, összefoglalja a témákat és megválaszolja a kérdéseidet — az Go csomagtól elérhető.
Lara segít gyorsabban tanulni — kizárólag a ReadyTools Go, Plus és Max tagoknak.
