ЦСС (каскадни листови стилова) дају вам значајну контролу над начином на којем се садржај ваших веб страница приказује на екрану. Ова контрола се шири и на друге медије, на пример када се штампа веб страница.
Можда се питате зашто бисте желели да додате тачку функција штампања на вашу веб страницу; на крају крајева, већина људи већ зна или лако може схватити како исписати веб страницу помоћу менија свог прегледача.
Али постоје ситуације када додавање дугмета за штампање или линк да страница не олакша процес само вашим корисницима када морају да одштампају страницу али, што је још важније, пружите вам већу контролу над начином на који ће се ови исписи појавити папир.
Ево како додати дугмад за штампање или везе за штампање на својим страницама и како дефинисати који ће део садржаја ваше странице бити одштампан, а који не.
Додавање дугмета за штампање
На своју веб страницу можете лако да додате дугме за штампање додавањем следећег кода у свој ХТМЛ документ где желите да се дугме појави:
онцлицк = "виндов.принт (); ретурн фалсе;" />
Дугме ће бити означено као Одштампај ову страницу када се појави на веб страници. Овај текст можете прилагодити било чему што желите да промените текст између наводника који следе
вредност =у горњем коду.
Имајте на уму да постоји један празан простор који претходи тексту и следи га; ово побољшава изглед дугмета уметањем размака између крајева текста и ивица приказаног дугмета.
Додавање везе за штампање
Још је једноставније додати једноставну везу за штампање на своју веб страницу. Само убаците следећи код у свој ХТМЛ документ где желите да се веза појави:
принт
Текст везе можете прилагодити променом „штампања“ у шта год желите.
Израда штампања одређених одељка
Можете поставити могућност да корисници штампају одређене делове ваше веб странице помоћу дугмета за штампање или линка. То можете да додате принт.цсс датотеку на вашу веб локацију, позивајући је у главу вашег ХТМЛ документа, а затим дефинишу оне одељке које желите да се лако штампају дефинисањем класе.
Прво додајте следећи код у одељак главе вашег ХТМЛ документа:
типе = "тект / цсс" медиа = "принт" />
Затим креирајте датотеку по имену принт.цсс. У ову датотеку додајте следећи код:
тело {видљивост: скривено;}
.принт {видљивост: видљив;}Овај код дефинише све елементе у телу као скривене приликом штампања, осим ако елемент нема додељену класу „принт“.
Сада, све што требате учинити је доделити класу „принт“ елементима ваше веб странице које желите да се штампају. На пример, да бисте направили одељак дефинисан у див елементу за испис, користили бисте
Све остало на страници која није додељена овој класи неће се штампати.