Često, kada predamo projekat klijentu, gubimo kontrolu nad HTML kodom. Ponekad klijent koristi CMS (Content Management Systems), koji mu daje puna kontrola preko određenih dijelova HTML koda. Ponekad klijent samo koristi naše predloške za izlaz svog koda u dokument.
U većini slučajeva je prilično teško informirati klijenta o tome kako koristiti šablone ili CMS koje mu dostavite, a ponekad je jednostavno neprihvatljivo gurati vatrene govore o semantičkom izgledu i web standardima. Klijent može/hoće koristiti "staru dobru marku", onu koju poznaje, jednostavno zato što radi i izgleda onako kako je navikao. Najvjerovatnije će sadržavati neželjene (zastarjele) oznake i atribute, kao što su bgcolor, poravnajte i "vječno" font... Ovaj članak govori o tome kako blokirati neželjene HTML oznake pomoću koristeći CSS, na taj način nježno usmjeravajući klijenta u pravom smjeru.
Postoji nekoliko rješenja za problem. Jedan je da se prikaže CSS slika upozorenja kada se koriste neželjene oznake. Postoje i detaljna objašnjenja za ovu metodu. Drugo rješenje je uklanjanje neželjenih oznaka i atributa na strani servera. Ova metoda je najefikasnija, druga stvar je što ne postoji uvijek kontrola nad serverom na kojem se nalazi stranica.
Ideja je da se očuva prirodna kaskada i naslijeđe stilova u svim pretraživačima elegantnim "onemogućavanjem" HTML-a koji klijent ne želi da koristi. I tada će klijent prestati da ga koristi, jer će neželjeni tagovi jednostavno prestati da "rade". Elegantan način bez stresa koji klijenta vodi na pravi put.
Neželjene HTML oznake i atributi:
Rješenje
U idealnom slučaju, mogli bismo samo prilagoditi neke HTML oznake umetanjem vrijednosti nasljediti za ekvivalentno CSS svojstvo. Standardni pretraživači će jednostavno zanemariti neželjene atribute u kodu i umjesto toga koristiti naslijeđene vrijednosti u kaskadi.
Na primjer ovaj CSS:
font (boja: naslijediti;)
će imati prednost nad ovim kodom:
Plava
U skladu s tim, boja teksta unutar oznake fontće biti boja naslijeđena kroz kaskadu, a ne plava, kao što je navedeno u kodu. To ti treba. Ali kao što verovatno znate - u Internet Explorer postoje problemi sa naslijeđenim vrijednostima. I u sedmoj verziji također. Dakle za posao:
Izrazi i currentStyle za pomoć:
font (boja: naslijediti; / * Normalni pretraživači* / boja: izraz (this.parentNode.currentStyle ["color"]); / * IE * /)
Radi? Odlično, idemo dalje:
font (family fontova: naslijediti; / * Normalni pretraživači * / font-family: izraz (this.parentNode.currentStyle ["fontFamily"]); / * IE * /)
Sve je divno, osim što Opera 9 ne nasljeđuje značenje za font-family... Srećom font odgovaraće i nama:
font (font: naslijediti; / * Normalni pretraživači * / font-family: izraz (this.parentNode.currentStyle ["fontFamily"]); / * IE * /)
Sa ovim riješenim. Idemo do imanja veličina slova... Ovo je poslastica jer je vrijednost veličine fonta naslijeđena iz izračunate vrijednosti. Prethodno izraz"s neće raditi ovdje, jer ako za tijelo vrijednost imovine postavljena veličina slova jednako 2em, tada će izračunavanje vrijednosti veličine fonta početi od te točke. Pretraživač će provjeriti vrijednost veličina slova za roditeljski element tag fontšto je 2em i predstavljaće izračunatu vrijednost od 4em (2em od 2em). A ovo nije ono što želimo. Rješenje je jednostavno. Treba koristiti početna vrijednost veličina slova jednako 100% za sve pretraživače. Dodajmo neka svojstva neželjenoj oznaci basefont da i njega smirim. Ovdje je kompletna lista pravila za pripitomljavanje oznaka. font i basefont:
font, basefont (boja: naslijediti; / * Normalni pretraživači * / boja: izraz (this.parentNode.currentStyle ["color"]); / * IE * / font: naslijediti; / * Normalni pretraživači. Font umjesto veličine fonta za Operas * / font-family: izraz (this.parentNode.currentStyle ["fontFamily"]); / * IE * / veličina fonta: 100%; / * Svi pretraživači. Naslijeđene veličine * /)
Idemo dalje. Hajde da koristimo osnovna tehnika da poništite oznake centar, s, štrajk i u:
centar (text-align: naslijediti; / * Normalni pretraživači * / text-align: izraz (this.parentNode.currentStyle ["textAlign"]); / * IE * /) s, strike, u (dekoracija teksta: naslijediti; / * Normalni pretraživači * / text-decoration: izraz (this.parentNode.currentStyle ["textDecoration"]); / * IE * /)
Završeno je! "Onemogućili smo" većinu neželjenih oznaka koristeći samo CSS i izraz.
Ali šta je sa atributima? HTML4 uključuje niz neželjenih atributa koji mogu prilično loše utjecati na vaše živce. Isključimo i njih. Počnimo sa poravnati:
* (text-align: inherit;) / * Normalni pretraživači * /
Ovo je u redu, ali IE6 ne podržava selektore atributa. Stoga, moramo modifikovati izraz, kako bi provjerio prisustvo atributa poravnati kod oznake. Evo šta se dogodilo:
* (text-align: inherit;) / * Normalni pretraživači * / * (text-align: izraz (this.align? this.parentNode.currentStyle ["textAlign"]: "");) / * IE * /
Sljedeći u redu su atributi oznake img... Osim atributa poravnati, želimo da onemogućimo atribute granica, vspace i hspace... Pošto vrednosti margina i granica nisu naslijeđeni, onda ovdje vrijedi jednostavno pravilo:
img (margina: 0; granica: nema;) / * Svi pretraživači * /
Ovdje nailazimo na nerješivi problem za IE6. vspace i hspace nisu ekvivalentne imovini margina u njemu, tako da će IE6 nastaviti da ih prikazuje. Samo odluka Ono što mi je palo na pamet je da napišem malu skriptu koja će jednostavno ukloniti ove atribute kada se dokument učita:
window.onload = function () (za (i = 0; i document.getElementsByTagName ("img") [i] .removeAttribute ("vspace"); document.getElementsByTagName ("img") [i] .removeAttribute ("hspace" ";))
Radije ne bih koristio javascript ali u u ovom slučaju Jednostavno ne vidim drugu alternativu. Neka bude. Sada da završimo atribut tip in tag ol:
ol (list-style-type: decimal;) / * Svi pretraživači * /
A sada atribut bgcolor za tijelo:
tijelo (boja pozadine: transparentna;) / * Svi pretraživači * /
Stolovi. Poslednji korak. U tabelama, u HTML4 / 4.01, postoji niz neželjenih atributa koji su se intenzivno koristili za izgled stranice. Ali ne želimo da klijent koristi tabele za raspored, zar ne? Dakle, isključimo atribute širina, visina, bgcolor, valign i granica:
tablica, tr, th, td (širina: auto; / * Svi pretraživači * / visina: auto; / * Svi pretraživači * / boja pozadine: transparentna; / * Svi pretraživači * / vertikalno poravnanje: naslijediti; / * Svi pretraživači (uključujući IE) * / granica: nema; / * Svi pretraživači * /)
Hajde da rezimiramo:
Koristeći CSS pravila i minimalni javascript, uspjeli smo "onemogućiti" većinu neželjenih oznaka i atributa dok smo elegantno sačuvali prirodno nasljeđe. Ne trebamo "učiti" klijenta, on će ionako morati da koristi ispravne oznake. Uzimajući u obzir jednu veoma bitnu napomenu - veoma je važno klijentu obezbediti dovoljan broj opisanih CSS klasa kako ne bi bio ograničen u radu sa markupom.
Svi stilovi zajedno:
font, basefont (boja: naslijediti; / * Normalni pretraživači * / boja: izraz (this.parentNode.currentStyle ["color"]); / * IE * / font: naslijediti; / * Normalni pretraživači. Font umjesto veličine fonta za Operas * / font-family: izraz (this.parentNode.currentStyle ["fontFamily"]); / * IE * / veličina fonta: 100%; / * Svi pretraživači * /) centar (poravnanje teksta: naslijediti; / * Normalni pretraživači * / text-align: izraz (this.parentNode.currentStyle ["textAlign"]); / * IE * /) s, strike, u (dekoracija teksta: naslijediti; / * Normalni pretraživači * / text-decoration : izraz (this.parentNode.currentStyle ["textDecoration"]); / * IE * /) * (text-align: inherit;) / * Normalni pretraživači * / * (text-align: izraz (this.align? this. parentNode .currentStyle ["textAlign"]: "");) / * IE * / img (margina: 0; granica: nema;) / * Svi pretraživači * / ol (tip-stil-liste: decimalni;) / * Svi pretraživači * / tijelo (boja pozadine: transparentno; / * Svi pretraživači * /) tabela, tr, th, td (širina: auto; / * Svi pretraživači * / visina: auto; / * Svi pretraživači * / boja pozadine: transparentan; / * Svi pretraživači * / vertical-align: naslijediti; / * Svi pretraživači (uključujući IE) * / granica: nijedan; / * Svi pretraživači * /)
Besplatan prevod i priprema članka na osnovu materijala
Iako neke karakteristike u CSS se automatski nasljeđuju, može doći do situacija kada je potrebno povećati težinu naslijeđene imovine. Određivanje vrijednosti nasljeđivanja za bilo koje svojstvo CSS primijenjen na element će tom elementu proslijediti izračunatu vrijednost svojstva roditeljskog elementa. Navođenjem u autorskom stilu da svojstvo nasljeđuje svoju vrijednost od pretka, možete povećati njegovu težinu.
Naslijedite podršku u Internet Exploreru
Internet Explorer 7 ili noviji rane verzije ne podržavaju nasljeđivanje za sva svojstva osim smjera i vidljivosti.
Obično, u nedostatku bilo kakvih primjenjivih definicija, boja je naslijeđeno svojstvo. Međutim, u slučaju da je element pokazivač, tada je svojstvo boje obično postavljeno na plavo, u stilu pretraživača korisnika. Ako želite da naglasite važnost nasljeđivanja vrijednosti, možete koristiti naslijeđenu vrijednost u autorskom ili prilagođenom stilu stila koji zamenjuje definicije stilova pretraživača. U nastavku sljedeći primjer, postavljamo svojstvo boje elementa na p # 000 ili crno i navodimo da bilo koji potomak pokazivača treba naslijediti vrijednost boje roditeljskog elementa:
P (boja: # 000;) p a: veza (boja: naslijediti;)
Kada koristimo stenografsku pozadinu, ne možemo miješati nasljeđivanje s drugim vrijednostima. Na primjer, sljedeće pozadinske deklaracije nisu važeće:
P (pozadina: #fff naslijediti lijevo vrh; }
U ovom slučaju, mogli bismo se nadati da će ovaj element naslijediti svojstvo roditeljske pozadinske slike. Nažalost, ne bismo imali sreće. nasljeđivanje mora imati specifično značenje u definiciji. U gornjem primjeru, nasljeđivanje se ne tumači jednoznačno, može biti svojstvo pozadinske slike ili privitka pozadine, a pretraživač korisnika ne može odrediti kojem svojstvu da ga priloži. Da bismo koristili nasljeđivanje, moramo koristiti puni pravopis umjesto stenografiju. U ovom slučaju, moramo specificirati svojstvo background-image.
6 odgovora
Kao i drugi odgovori, on nasljeđuje CSS svojstvo od nadređenog elementa.
Ono što drugi odgovori nisu uspjeli reći je zašto vam je to potrebno. Jer na kraju CSS svojstva ionako se nasljeđuju, zar ne?
O ne. Većina je standardno (ali boja veze nije naslijeđena od roditelja, na primjer). Ali razmotrite ovaj slučaj:
P (boja: plava;) div.važno (boja: crvena;)
Ovo je tekst
Tekst će sada biti plave boje umjesto crvene. Ako to želimo
Posjedujući stil svojih roditelja, a ne zadani stil, moramo nadjačati njegov CSS. Naravno, mogli bismo ponoviti vrijednost svojstva (crveno), ali to krši DRY (nemojte se ponavljati). Umjesto toga, od njega nasljeđujemo:
Div.važno p (boja: naslijediti;)
Deklaracija font: inherit se koristi u mnogim stilovima CSS Reset koji se često kopiraju u biblioteke i okvire. Originalni Reset CSS od Erica Meyera ima font: inherit. Ne daje se posebna motivacija. Rečeno je da je generalno obrazloženje "smanjiti nedosljednost pretraživača na stvarima kao što su zadane visine redaka, margine zaglavlja i veličine fonta, i tako dalje." Ali Meyer se poziva na prethodni post u kojem objašnjava ideju govoreći, između ostalog, "Želim sve jer ne želim. Uzmite stilske efekte zdravo za gotovo. Služi u dvije svrhe: Prvo, tjera me da razmišljam o što je malo složenije u semantici mog dokumenta. korišćenjem resetovanja Ne biram jake jer dizajn zahtijeva odvažnost. Ja biram umjesto toga ispravan element- bez obzira da li je jak ili em ili b ili h3 ili bilo šta drugo - i onda ga obrišite po potrebi."
Nekoliko HTML elemenata ima podrazumevano prikazivanje u pretraživačima u pogledu svojstava fonta: zaglavlja, polja obrasca, ćelije zaglavlja tabele, neki elementi fraze, itd. Koristeći CSS Reset ili posebno font: naslijediti znači da se u pretraživačima koji podržavaju nasljeđivanje svi takvi elementi pojavljuju u font teksta kopirajte osim ako nije drugačije navedeno u tablici stilova.
dakle, dolazi specifična metodologija (ili, kako neki ljudi kažu, ideologija ili religija) autorstva i dizajna. Stekao je popularnost i često se redovno koristi.
Ne nasljeđuju svi pretraživači svojstva fonta za sve elemente. Netscape 4.x je notorno loš u pogledu nasljeđivanja. Razmotrite sljedeći stil:
Tijelo (pozadina: crna; boja: bijela)
U Netscapeu 4.x, nijedna boja nije primijenjena na elemente tablice, tako da ćete po defaultu dobiti crni tekst unutar tabele na crnoj pozadini.
Svojstva fonta imaju istu vrstu posla za neke elemente, posebno elemente obrasca (i elemente tabele za starije pretraživače). Često možete vidjeti ovu definiciju:
Tabela, obrazac (font: naslijediti)
inherit se koristi za dobijanje svojstava od roditeljskog elementa. Drugim riječima, naslijediti svojstva roditeljskog elementa.
Po defaultu, svojstvo je naslijeđeno, što znači da imate div i p.
Zdravo svijete!
Sada dajte stil:
Div (familija fontova: Tahoma;) p (porodica fontova: naslijediti;)
Ova porodica fontova je naslijeđena za p od svog roditelja div element.
Upotreba (font: naslijediti;) u CSS-u ima smisla jer različiti korisnički agenti (pretraživači a.k.a.) imaju listu stilova korisničkog agenta (čitaj: default stylesheet) sa nečim poput
Tijelo (font: -magic-font-from-user-preferences;) textarea, input (font: monospace;)
(font: naslijediti;) se koristi za zaobilazno rješenje poseban slučaj kada se zadani font ili porodica fontova ne nasljeđuju zbog stilova korisničkog agenta, ali autor sadržaja želi da se porodica fontova naslijedi.
Stvarno ponašanje korisničkog agenta s vrijednošću nasljeđivanja se nažalost razlikuje od razne greške... Međutim, rezultat može biti bliži namjeri autora nego zadanom.
Opcije fonta
Počnimo s atributima stila koji definiraju parametre fonta kojim se tekst kuca. Uostalom, tekst na web stranicama je sve.
Atribut font-family style specificira naziv fonta koji će se koristiti za prikaz teksta:
porodica fontova: <список имен шрифтов, разделенных запятыми> naslijediti
Nazivi fontova su dati u obliku njihovih imena, na primjer, Arial ili Times New Roman. Ako naziv fonta sadrži razmake, mora biti stavljen u navodnike:
P (familija fontova: Arial)
H1 (familija fontova: "Times New Roman")
Ako dati atribut stil je prisutan u inline stilu, navodnici se zamjenjuju apostrofima:
Ako je font koji smo naveli prisutan na računaru posjetitelja, web preglednik koristi ga. Ako ne postoji takav font, tekst se prikazuje u fontu koji je naveden u zadanim postavkama. A naša web stranica možda neće izgledati onako kako smo namjeravali. (Međutim, fontovi Arial i Times New Roman prisutni su na svakom računaru koji koristi Windows.) Možete navesti nekoliko naziva fontova, odvojenih zarezima:
P (familija fontova: Verdana, Arial)
Tada će web pretraživač prvo tražiti prvi od navedenih fontova, u slučaju neuspješne pretrage - drugi, pa treći itd. Umjesto imena specifični font možete podesiti ime jednog od porodice fontova predstavlja čitave kolekcije sličnih fontova. Postoji pet takvih porodica: serif (serif fontovi), sans-serif (fontovi bez serifa), cursive (fontovi koji imitiraju rukom pisani tekst), fantasy (ukrasni fontovi) i monospace (jednorazredni fontovi):
H2 (familija fontova: Verdana, Arial, sans-serif)
Posebna vrijednost nasljeđivanja označava da tekst ovog elementa web stranice treba biti otkucan istim fontom kao i tekst nadređenog elementa. U ovom slučaju se kaže da element web stranice "naslijeđuje" font od nadređenog elementa. Usput, ovo je zadana vrijednost za atribut stila porodice fontova. Atribut stila veličine fonta određuje veličinu fonta:
veličina slova: <размер > | xx-mali | x-mali | mali | srednji | veliki | x-veliki | xx-veliki | veći | manji | naslijediti
Veličina fonta se može podesiti u apsolutnom i relativnom smislu. Za ovo, jedan od mjerne jedinice podržava CSS (Tabela 8.1).
Tabela 8.1. Jedinice veličine koje podržava CSS standard
Oznaka odabrane mjerne jedinice je naznačena iza same vrijednosti:
P (veličina fonta: 10pt) STRONG (veličina fonta: 1cm) EM (veličina fonta: 150%)
Imajte na umu da je sve navedeno u tabeli. 8.1 jedinice su pogodne za određivanje vrijednosti drugih atributa CSS stilova.
Pored brojeva, atribut veličine fonta takođe može imati simboličke vrednosti. Na primjer, vrijednosti od xx-small do xx-large specificiraju sedam unaprijed definiranih veličina fonta, od najmanjeg do najvećeg. Veće i manje vrijednosti predstavljaju sljedeću rastuću i opadajuću veličinu fonta, respektivno. Na primjer, ako roditeljski element ima definiranu srednju veličinu fonta, veći će postaviti trenutni element na veliku veličinu fonta.
Nasljedna vrijednost ukazuje na to dati element Web stranice moraju imati istu veličinu fonta kao i roditeljski element. Ovo je zadana vrijednost za atribut stila veličine fonta.
Atribut stila boje određuje boju teksta:
boja: <цвет> naslijediti
V Poglavlje 7 spomenuli smo da se boja može podesiti takozvanim RGB kodom (crvena, zelena, plava - crvena, zelena, plava). Napisano je u formatu
#<доля красного цвета><доля зеленого цвета><доля синего цвета> ,
gdje su razlomci svih boja označeni kao heksadecimalni brojevi 00 do FF. Postavimo boju teksta na crvenu:
H1 (boja: # FF0000) Sada sive boje: ADRESA (boja: #CCCCCC)
Osim toga, CSS vam omogućava da navedete boje po imenu. Na primjer, crna je crna, bijela je bijela, crvena je crvena, zelena je zelena, a plava je plava.
H1 (boja: crvena)
Cijela lista imena i njihove odgovarajuće boje mogu se pogledati na web stranici http://msdn.microsoft.com/en-us/library/aa358802%28v=VS.85%29.aspx .
Vrijednost nasljeđivanja označava da ovaj element web stranice mora imati istu boju fonta kao i njegov roditelj. Ovo je zadana vrijednost za atribut stila veličine fonta.
PAŽNJA!
Gotovo svi atributi podržavaju vrijednost nasljeđivanja CSS stil... On govori web pretraživaču da element web stranice za koji je stil vezan "nasljeđuje" vrijednost odgovarajućeg parametra od nadređenog elementa. Svi atributi imaju ovu zadanu vrijednost. U nastavku nećemo opisivati datu vrijednost svaki atribut stila; ako ga neki stilski atribut ne podržava, posebno ćemo ga spomenuti.
Koristeći atribut stila boja, možemo, na primjer, postaviti boju horizontalna linija HTML.
Atribut neprozirnosti stila vam omogućava da odredite neprozirnost elementa web stranice:
neprozirnost:<числовое значение>naslijediti
Vrijednost translucencije je broj između 0 i 1. U ovom slučaju, 0 znači potpuna transparentnost element (tj. element zapravo nije vidljiv), a 1 je potpuno neproziran (ovo je normalno ponašanje).
Evo primjera postavljanja poluprozirnosti (vrijednost 0,5) za fiksni formatirani tekst:
PRE (prozirnost: 0,5)
Obratite pažnju kako smo naznačili razlomak broj- umjesto simbola zareza ovdje se koristi tačka.
NAPOMENA
Translucencija je obično korisna samo za stvaranje specijalni efekti... V običan tekst ne preporučuje se korištenje jer može obeshrabriti posjetitelja.
Atribut stila font-weight postavlja "težinu" fonta:
težina fonta: normalna | podebljano | podebljano | svjetlije | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | naslijediti
Postoji sedam apsolutnih vrijednosti dostupnih od 100 do 900, koje predstavljaju različite "težine" fonta, od minimalne do maksimalne; normalni font će biti 400 (ili normalan) podebljan i 700 (ili podebljan) podebljan. Podrazumevano je 400 (normalno). Podebljane i svjetlije vrijednosti su relativne i predstavljaju sljedeće više i niže stupnjeve "masti", respektivno.
KOD (težina fonta: bold)
Atribut font-style specificira stil fonta:
stil fonta: normalan | kurziv | kosi | naslijediti
Dostupne su tri opcije, koje predstavljaju normalnu, kurzivnu i posebnu dekorativnu koso.
Atribut text-decoration style specificira "dekoraciju" (podvučenu ili precrtanu) koja će se primijeniti na tekst:
dekoracija teksta: ništa | podcrtavanje | precrtavanje | crtanje | treptanje | naslijediti
Ovdje je dostupno pet vrijednosti (ne računajući nasljeđivanje):
None uklanja bilo kakvu "ukras" datu fontu roditeljskog elementa;
Podvučeno podvlači tekst;
Overline "precrtava" tekst, odnosno povlači liniju preko linija;
Precrtani tekst kroz red;
Treptanje čini da font treperi (uključeno ovog trenutka Safari ne podržava).
PAŽNJA!
Ne biste trebali nepotrebno postavljati podvučeno za tekst. To je zato što web pretraživači podrazumevano prikazuju hiperveze podvučene, a podvučeni tekst koji nije hiperveza može biti obeshrabrujući.
Atribut stila varijante fonta omogućava vam da odredite kako će izgledati mala slova font:
font-varijanta: normalna | mala slova | naslijediti
Vrijednost malih velikih slova specificira ponašanje fonta tako da njegova mala slova izgledaju potpuno isto kao i velika slova, samo imaju manja veličina... Normalna vrijednost postavlja font na normalna velika slova.
Atribut stila transformacije teksta omogućava vam da promijenite velika i mala slova tekstualnih znakova:
transformacija teksta: velika slova | velika | mala | ništa | naslijediti
Možemo konvertovati tekst u velika slova (vrijednost velikih slova ovog atributa) ili mala slova (mala slova), konvertirati prvo slovo svake riječi u velika (velika slova) ili ga ostaviti kakav jeste (nijedno).
Atribut stila line-height postavlja visinu reda teksta:
visina linije: normalna | <расстояние> naslijediti
Ovdje možete postaviti apsolutni i relativna veličina udaljenosti navođenjem odgovarajuće jedinice CSS dimenzije(vidi tabelu 8.1). Ako ga nema, vrijednost koju smo postavili prvo se množi sa visinom trenutnog fonta, a zatim se koristi. Dakle, da udvostručimo visinu linije iznad normalne visine linije, možemo napisati:
P (visina linije: 2)
Normalna vrijednost ovog atributa vraća kontrolu nad visinom reda web pretraživaču.
Atribut stila razmaka između slova omogućava vam da postavite dodatni razmak između znakova teksta:
razmak između slova: normalan | <расстояние>
Imajte na umu da je to upravo dodatna udaljenost; biće dodan originalnom postavljenom od strane samog web pretraživača.
Ovdje također možete postaviti apsolutnu i relativnu udaljenost specificiranjem odgovarajuće CSS jedinice (pogledajte tabelu 8.1). Udaljenost može biti pozitivna ili negativna; v poslednji slučaj znakovi u fontu će biti bliži jedan drugom nego inače. Normalna vrijednost postavlja zadanu dodatnu udaljenost na nulu.
Atribut stila razmaka slova ne podržava vrijednost nasljeđivanja.
Evo primjera postavljanja dodatnog razmaka između znakova na pet piksela:
H1 (razmak između slova: 5px)
Tekst otkucan takvim znakovima će izgledati oskudno.
I ovdje postavljamo negativnu dodatnu udaljenost između znakova jednaku dva piksela:
H6 (razmak između slova: -2px)
Ova dva piksela će biti oduzeta od originalne udaljenosti, što će približiti znakove i učiniti da se tekst čini komprimiranim. Možda će simboli čak stati jedan na drugi.
Sličan atribut stilski razmak između riječi postavlja dodatni razmak između pojedinačnih riječi teksta:
razmak između riječi: normalan | <расстояние>
H1 (razmak između riječi: 5 mm)
Pa, 5 mm je vjerovatno malo previše... Iako je ovo samo primjer.
I na kraju, pogledajmo atribut stila fonta, koji vam omogućava da postavite nekoliko parametara fonta odjednom:
font: [ <начертание> ] [<вид строчных букв> ] [<"жирность"> ] [<размер> ] <имя шрифта>
Kao što vidite, potrebno je samo ime fonta - drugi parametri možda nedostaju.
Postavite tekst pasusa na font Times New Roman od 10 tačaka:
P (font: 10pt "Times New Roman")
A za naslove šestog nivoa - 12 tačaka Arial i kurziv:
H6 (font: italic 12pt Verdana)
