Kako prilagoditi razmak između linija u CSS-u?

Tekst do danas je i dalje glavni tip prenetih informacija na ogromnim prostorom World Wide Weba. Zbog toga se posebna pažnja posvećuje menadžmentu njegovog izgleda. Jedna važna karakteristika teksta je razmak između linija, koji određuje rastojanje između linija. Ako nikada niste upoznali ovo pravilo, verovatno nikada niste radili sa CSS-om. Na kraju krajeva, ovaj stilski jezik daje raspoložive komande za promenu svih važnih spoljašnjih karakteristika teksta. Ovo pravilo podržavaju svi savremeni pretraživači i uključen je u standard svih verzija kaskadnih stilova (CSS: Cascading Style Sheets).

Pravilo

U CSS-u, razmak između linija se postavlja pomoću jednostavne komande linijske visine. Snimanje se vrši na uobičajeni način. Možete dodijeliti bilo koji nenegativan broj kao vrijednost. Ako je naveden "line-height: -4px;", komanda će biti ignorirana. Možete odrediti vrijednost "normalnog" ili "nasledstva". Prvi će koristiti automatsko podešavanje intervala, koji se određuje u zavisnosti od vrste i veličine izabranog fonta. U ovom slučaju, rastojanje između linija postavlja sam pretraživač. Raspored linija može uzeti vrijednost nasleđenu od "roditeljskih" oznaka pomoću "naslediti" vrijednosti.

Značenje

Sve vrijednosti, osim standardnih komandi, mogu se podijeliti u dvije kategorije: relativne i apsolutne. Linijski razmak CSS vam omogućava fleksibilno upravljanje rastojanjem između linija, koristeći različite i pogodnije metode prilagođavanja. Apsolutne vrijednosti uključuju sve poznate jedinice dužine koje se koriste u CSS-u. Ova lista uključuje: u (inča), pt (tačke), px (piksele) i druge. Interval se izračunava od osnovne linije fonta. Ako upišete pravilo: "line-height: 10px;", razmak između linija će uvek biti 10 piksela. Ovaj metod je idealan kada treba da odredite tačan interval za određeni font. Ali ne zaboravite da svako ima drugačije širenje ekrana. A ako imate takvu distancu sjajno, to ne znači da će svi imati isti efekat. Na primjer, na mobilnim uređajima veliki razmak između linija može izazvati ogromne neugodnosti.

Relativne vrednosti

Da biste rešili problem sa različitim širenjem ekrana, možete koristiti relativne vrijednosti. Najčešće se koristi procentualni izraz. Vrednost u ovom slučaju je podešena relativno na visinu fonta. Na primer, navođenje "visine linije: 150%;", dobićemo interval koji je pola srednjeg slova. Za 100% se koristi visina upotrebljenog fonta. Najiskvalniji programeri preporučuju korišćenje relativnih vrednosti. Tako ćete spasiti sebe i svoje korisnike od problema povezanih sa različitim ekranima ekrana.

Zaključak

Ako koristite nestandardni set fontova, a zainteresovani ste za strogo definisan razmak između linija, izaberite apsolutne vrijednosti. U svim ostalim slučajevima poželjno je postaviti procenat svojine. Kada morate da napravite individualni interval za određeni deo dokumenta, koristite oznake id-a ili selektore. Stoga vam ne treba postaviti razmak između linija za ceo dokument.