Gebruik die CSS Line-Height Property om CSS Line Spacing te kry
Leer hoe om die lynlynhoogte van die CSS-styl te gebruik om jou lynspasiëring op jou webblaaie te beïnvloed.
Waardes van CSS Line Spacing
CSS-lynspasiëring word beïnvloed deur die lynlynhoogte van die CSS-styl. Hierdie eiendom kos tot 5 verskillende waardes:
- normaal: die leser bepaal 'n waarde vir die lynspasiëring wat verband hou met die lettergrootte. Dit is gewoonlik dieselfde as die lettergrootte of effens groter (soos 20%).
- erf: die lynspasiëring moet van die ouerelement se lynspasiëring geneem word. As jy dus die lynhoogte van jou liggaamsmerkkie tot 30% groter as die lettergrootte en die paragraaftekens binne wat gestel word om te erf, sal hulle ook 'n lynhoogte van 30% groter as die lettergrootte hê.
- 'n nommer: As die lynhoogtewaarde geen maatstaf het nie, word dit beskou as 'n vermenigvuldiger op die lettergrootte vir die lynhoogte. So 'n lynhoogte van 1,25 sal 25% groter wees as die lettergrootte.
- 'n lengte: As die lynhoogtewaarde 'n maatstaf het, is dit die presiese hoeveelheid ruimte tussen die lyne. Dus, 1,25mm sal lei tot lyne 1.25 millimeter uitmekaar.
- 'n persentasie: As die lynhoogte 'n persentasie is, sal dit 'n persentasie van die lettergrootte wees. So 'n lynhoogte van 125% sal 25% groter wees as die lettergrootte.
Watter waarde moet jy gebruik vir CSS Line Spacing
In die meeste gevalle is die beste keuse vir lynspasiëring om dit by die verstek- of "normale" te verlaat. Dit is gewoonlik die leesbaarste en vereis nie dat jy iets spesiaals doen nie. Maar die verandering van die lynspasiëring kan jou teks 'n ander gevoel gee.
As u lettergrootte gedefinieer word as ems of persentasies, moet u lynhoogte ook so gedefinieer word. Dit is die mees buigsame vorm van lynspasiëring omdat dit die leser toelaat om hul lettertipes te verander en dieselfde verhouding op u lynspasiëring te hou.
Stel lynhoogte vir drukstylvelle met 'n punt (pt) waarde. Die punt is 'n drukmaat, en dus moet u lettergroottes ook in punte wees.
Ek hou nie van die nommer keuse omdat ek gevind het dat dit die meeste verwarrend is vir mense nie. Baie mense dink dat die nommer 'n absolute grootte is, en so maak hulle dit groot. Byvoorbeeld, jy het dalk 'n font op 14px en dan stel jy jou lynhoogte op 14 - wat lei tot groot gapings tussen die lyne - want die lynspasiëring is 14 keer die lettergrootte.
Hoeveel ruimte moet jy gebruik vir jou lynspasie
Soos ek hierbo genoem het, beveel ek aan om die verstek lynspasiëring te gebruik, tensy jy 'n spesifieke rede het om dit te verander. Die verandering van die lynspasiëring kan verskillende effekte hê:
- Teks wat baie dig saam is, kan moeilik wees om te lees. Maar klein streepruimtes kan die stemming van die teks beïnvloed. As die teks saam geskroef word, kan dit die sin van die teks donkerder of meer gespanne lyk.
- Teks wat verder uitmekaar is, kan ook moeilik wees om te lees. Maar wye lynspasies maak die teks meer vloeiend en vloeibaar.
- Deur die lynspasiëring te verander, kan teks wat andersins nie in 'n spasie pas nie, meer kompak wees of meer ruimte in jou ontwerpe opneem.