It CSS Line-Height Property brûke om CSS Line Spacing te krijen
Learje hoe't jo de eigendoming-hichte fan CSS-styl brûke om jo line te bepalen op jo websiden.
Werte fan CSS-lineôfstân
CSS-linnenôfstân wurdt beynfloede troch de CSS-styl-line-hichte. Dit eigendom rint oant 5 ferskillende wearden:
- gewoan: de browser bepaalt in wearde foar de line-ôfstân dy't ferbân is mei de lettertypegrutte. Dit is normaal deselde as de lettertypegrutte of wat makliker (lykas 20%).
- ierde: de lineôfstân moat ôfnommen wurde fan 'e line-ôfstân fan' e heule elemint. As jo de linenhichte fan jo lichemarkje op 30% grutter meitsje dan de lettertypegrutte en de paragraafstikken yn dyselde binne ynfolje, dan hawwe se ek in linehichte fan 30% grutter as de font-size.
- In nûmer: As de line-height-wearde gjin ienheid fan ienheid is, wurdt it beskôge as in multiplier fan 'e lettertypegrutte foar de linehichte. Dus in linehichte fan 1,25 soe 25% grutter wêze as de lettertypegrutte.
- in lingte: as de line-height wearde hat in ienheid fan mjit, dat is de krekte romte fan romte moat der tusken de rigels wêze. Sa soe 1.25mm liede ta rinnen 1.25 milimeters apart.
- In persintaazje: As de line-hichte in persintaazje is, dan soe dat in persintaazje fan 'e lettergrutte wêze. Dus in line-hichte fan 125% soe 25% grutter wêze as de lettertypegrutte.
Hokker wearde moatst brûke foar CSS-lynstreeks
Yn 'e measte gefallen is de bêste kar foar line-ôfstân it litte te ferlitten by de standert - of "normaal". Dit is algemien de meast lêsber en hat net nedich dat jo wat spesjale dwaan. Mar it feroarjen fan de line-ôfstân kin jo tekst in oare fiel jaan oan dy.
As jo lettertypegrutte as ems of persintaazjes definiearre is , moat jo line-hichte ek sa fêstlein wurde. Dit is de meast fleksibel foarm fan line ôfstimming om't it de lêzer ferlient om har lettertypen te feroarjen en itselde ferhâlding op jo lineôfstân behâldt.
Set hichtepunt foar printtylblêden mei in punt (pt) wearde. It punt is in printmaat, en sa moatte jo lettertypen ek yn punten wêze.
Ik wol graach de nûmereking brûke om't ik fûn dat it it meast miskien is foar minsken. In soad minsken tinke dat it getal in absolute grutte is, en sa meitsje se it geweldig. Sa kinne jo bygelyks in lettertype sette op 14px en jo sette jo line-hichte nei 14 - wêrtroch in geweldige spaasjes tusken de rigels resultaat - om't de line-ôfstân 14 kear yn ' t lettertypegrutte stiet.
Hoefolle romte moat jo brûke foar jo rigelôfstân
As ik hjirboppe neamde, ik advisearje it gebrûk fan 'e standert-lineabstanding as jo gjin spesifike reden hawwe om it te feroarjen. It feroarjen fan de line-ôfstân kin ferskate effekten hawwe:
- Tekst dat hielendal gearmjitten is kin it dreech wurde lêze. Mar lytse lineomten kinne ynfloed op de stimming fan 'e tekst. As de tekst byinoar skruten wurdt, kin it sin fan 'e tekst dûnkerder of mear spannich wurde.
- Tekst dat fierder apart kin ek lestich wêze om te lêzen. Mar grutte rigeblêden makket de tekst mear flowing en floeiend.
- It wikseljen fan de line-ôfstân kin text meitsje dy't oars net passe yn in romte wurde kompakter of mear romte nedich yn jo ûntwerpen.