Notkun CSS Line-Height Property til að fá CSS Line Spacing
Lærðu hvernig á að nota CSS stíl línu línu hæð til að hafa áhrif á línu bilið þitt á vefsíðum þínum.
Gildi CSS lína dreifingar
CSS lína bilið hefur áhrif á CSS stíl eign línu hæð. Þessi eign tekur allt að 5 mismunandi gildum:
- eðlilegt: vafrinn ákvarðar gildi fyrir línusviðið sem tengist leturstærðinni. Þetta er venjulega það sama og leturstærðina eða svolítið stærri (eins og 20%).
- arf: línuspjaldið ætti að vera tekið frá línubilum foreldrahlutans. Þannig að ef þú stillir línuhæð líkammerkisins í 30% stærri en leturstærðina og málsmerkin inni sem eru sett í arf, munu þeir einnig hafa línuhæð 30% stærri en leturstærð.
- númer: Ef línahæðinn hefur engin mælieiningu er talinn vera margfaldari á leturstærðinni fyrir línuhæðina. Þannig að línuhæð 1,25 væri 25% stærri en leturstærð.
- lengd: Ef línahæðin hefur mælieiningu er það nákvæmlega plássið sem á að vera á milli línanna. Svo, 1,25 mm myndi leiða í línur 1,25 mm í sundur.
- hundraðshluti: Ef línuhæðin er hlutfall er það hlutfall af leturstærðinni. Þannig að línuhæð 125% væri 25% stærri en leturstærðin.
Hvaða gildi ætti þú að nota fyrir CSS lína bilið
Í flestum tilfellum er besti kosturinn fyrir línuspjöld að láta hann fara í sjálfgefið - eða "eðlilegt". Þetta er almennt læsilegast og krefst þess ekki að þú gerir neitt sérstakt. En að breyta línubilinu getur gefið texta þína öðruvísi tilfinningu.
Ef leturstærðin þín er skilgreind sem ems eða prósentur, þá ætti einnig að skilgreina línuhæðina þína þannig. Þetta er sveigjanlegasta formi línubilsins því það leyfir lesandanum að breyta stærð letri sinna og heldur sama hlutfalli á línusviðinu.
Stilltu línuhæð fyrir blöð með prenta stíl með punkt (pt) gildi. Aðalatriðið er prenta mál, og svo skal leturstærðin þín vera á punktum eins og heilbrigður.
Mér líkar ekki við að nota fjöldavalið vegna þess að ég hef komist að því að það er mest ruglingslegt við fólk. Margir telja að tölan sé alger stærð, og svo gera þau mikið. Til dæmis gætirðu fengið leturgerð á 14px og þá stillir þú línuhæðina til 14 - sem veldur miklum bilum milli línanna - vegna þess að línuspjaldið er stillt á 14 sinnum leturstærðina.
Hversu mikið pláss ættir þú að nota fyrir línuna þína
Eins og ég nefndi hér að ofan mælum ég með því að nota sjálfgefið línusvið nema þú hafir sérstakan ástæðu til að breyta því. Breyting á línubilinu getur haft mismunandi áhrif:
- Texti sem er mjög þétt saman getur verið erfitt að lesa. En lítill lína rými getur haft áhrif á skapi textans. Ef textinn er scrunched saman getur það gert tilfinningu fyrir texta virðast dökkari eða meira spenntur.
- Texti sem er lengra í sundur getur einnig verið erfitt að lesa. En breiður lína rými gerir texta virðast flæða og vökva.
- Með því að breyta línubilinu er hægt að búa til texta sem annars myndi ekki passa í rými, vera samningur eða taka meira pláss í hönnunina.