CSS (kaskaderende stilark) gir deg betydelig kontroll over hvordan innhold på websidene dine vises på skjermen. Denne kontrollen strekker seg også til andre medier, for eksempel når nettsiden skrives ut.
Du lurer kanskje på hvorfor du vil legge til en utskriftsfunksjon til websiden din; når alt kommer til alt, de fleste kjenner eller kan lett finne ut hvordan de kan skrive ut en webside ved hjelp av nettleserens menyer.
Men det er situasjoner der du legger til en utskriftsknapp eller link til en side vil ikke bare gjøre prosessen enklere for brukerne dine når de trenger å skrive ut en side men, kanskje enda viktigere, gir deg mer kontroll over hvordan utskriftene vil vises på papir.
Slik legger du til enten utskriftsknapper eller utskriftskoblinger på sidene dine, og hvordan du definerer hvilke deler av sideinnholdet som skal skrives ut og hvilke ikke.
Legge til en utskriftsknapp
Du kan enkelt legge til en utskriftsknapp på hjemmesiden din ved å legge til følgende kode i HTML-dokumentet der du vil at knappen skal vises:
onclick = "windows.print (); return falsk;" />
Knappen blir merket som Skriv ut denne siden når den vises på websiden. Du kan tilpasse denne teksten til hva du vil ved å endre teksten mellom anførselstegnene som følger
verdi =i koden over.
Merk at det er et enkelt tomrom foran teksten og følger den; Dette forbedrer utseendet til knappen ved å sette inn litt mellomrom mellom tekstens ender og kantene på knappen som vises.
Legge til en utskriftslenke
Det er enda enklere å legge til en enkel utskriftslenke til websiden din. Bare sett inn følgende kode i HTML-dokumentet der du vil at lenken skal vises:
skrive ut
Du kan tilpasse koblingsteksten ved å endre "print" til hva du velger.
Gjør spesifikke seksjoner utskrivbare
Du kan konfigurere brukerens mulighet til å skrive ut bestemte deler av websiden din ved hjelp av en utskriftsknapp eller lenke. Du kan gjøre dette ved å legge til en print.css fil til nettstedet ditt, kalt det i hodet på HTML-dokumentet og deretter definere de seksjonene du vil gjøre enkelt utskrivbare ved å definere en klasse.
Først legger du til følgende kode i overskriften på HTML-dokumentet:
type = "text / css" media = "print" />
Deretter oppretter du en fil som heter print.css. I denne filen legger du til følgende kode:
kropp {synlighet: skjult;}
.print {synlighet: synlig;}Denne koden definerer alle elementer i kroppen som skjult når de skrives ut med mindre elementet har tildelt "print" -klassen.
Nå, alt du trenger å gjøre er å tilordne "print" -klassen til elementene på websiden som du vil være utskrivbar. For å lage et avsnitt som er definert i et div-element, kan du for eksempel bruke
Noe annet på siden som ikke er tilordnet denne klassen, skrives ikke ut.