Uporaba CSS Line-Height lastnosti, da se CSS Line Spacing
Več o tem, kako uporabljati višino vrstice lastnosti sloga CSS, da vpliva na razmik vrstic na svojih spletnih straneh.
Vrednosti CSS razmika vrstic
V razmiku vrstic CSS vpliva višina linije lastnosti sloga CSS. Ta lastnost traja do 5 različnih vrednosti:
- normalno: brskalnik določi vrednost za razmik med vrsticami, ki je povezana z velikostjo pisave. To je običajno enako kot velikost pisave ali nekoliko večja (npr. 20%).
- dedujejo: razmik vrstic je treba vzeti iz razmika med starim elementom. Torej, če nastavite višino vrstice vaše telesne oznake na 30% večjo od velikosti pisave in oznake odstavkov, znotraj katerih je nastavljeno dedovanje, bodo imeli tudi višino vrstice za 30% večjo od velikosti pisave.
- številka: Če vrednost za višino linije nima enote merila, se šteje, da je multiplikator velikosti pisave za višino črt. Torej, višina linije 1,25 bi bila 25% večja od velikosti pisave.
- dolžina: če ima vrednost višine linije mersko enoto, to pomeni natančno količino prostora med vrsticami. Torej, 1,25 mm bi povzročil razdalje 1,25 milimetra narazen.
- odstotek: če je višina linije odstotek, bi to bil odstotek velikosti pisave. Torej, višina linije 125% bi bila 25% večja od velikosti pisave.
Katero vrednost bi morali uporabiti za razmik vrstic CSS
V večini primerov je najboljša izbira za razmik med vrsticami, da jo pustite privzeto - ali "normalno". To je na splošno najbolj berljivo in ne zahteva, da storite kaj posebnega. Ampak spreminjanje razmika med vrsticami lahko daje vašemu besedilu drugačen občutek.
Če je vaša velikost pisave opredeljena kot ems ali odstotki, bi bilo treba tako opredeliti tudi višino vrstic. To je najbolj fleksibilna oblika razmika vrstic, ker omogoča bralcu, da spremeni velikost pisave in ohranja enako razmerje med razmikom med vrsticami.
Nastavite višino vrstice za liste slogov s točko (pt). Točka je merilo za tiskanje, zato morajo biti tudi velikosti pisave v točkah.
Ne želim uporabiti izbire številk, ker sem ugotovil, da je to najbolj zmedeno ljudem. Mnogi ljudje mislijo, da je številka absolutna velikost, zato jih naredijo veliko. Na primer, lahko imate nabor pisav na 14 slikovnih pik in nato nastavite višino linije na 14 - kar ima za posledico velike razlike med vrsticami - ker je razmik med vrsticami nastavljen na 14 -kratno velikost pisave.
Koliko prostora bi morali uporabiti za razmik med vrsticami
Kot sem omenil zgoraj, priporočam uporabo privzetega razmika vrstic, razen če imate poseben razlog za spremembo. Spreminjanje razmika med vrsticami lahko ima različne učinke:
- Težko je prebrati besedilo, ki je zelo tesno povezano. Toda majhne vrstice lahko vplivajo na razpoloženje besedila. Če se besedilo zbriše, lahko občutek besedila postane temnejši ali bolj napet.
- Težko je prebrati tudi besedilo, ki je daleč oddaljeno. Toda široki črti omogočajo, da se besedilo zdi tekoče in tekoče.
- Spreminjanje razmika med vrsticami lahko naredi besedilo, ki se sicer ne bi prilegalo v prostor, bolj kompaktno ali pa bo v vaših modelih zasedlo več prostora.