CSS linijos aukščio nuosavybės naudojimas, norint gauti CSS linijų tarpą
Sužinokite, kaip naudoti CSS stiliaus nuosavybės linijos aukštį, kad galėtumėte paveikti jūsų eilučių intervalą jūsų tinklalapiuose.
CSS linijų tarpo vertės
CSS eilučių tarpai priklauso nuo CSS stiliaus nuosavybės linijos aukščio. Ši nuosavybė gali būti iki 5 skirtingų verčių:
- normalus: naršyklė nustato eilučių tarpo reikšmę, susijusią su šrifto dydžiu. Tai paprastai tas pats kaip šrifto dydis arba šiek tiek didesnis (pvz., 20%).
- paveldėti: atstumas tarp eilučių turėtų būti paimtas iš tėvų elemento eilučių. Taigi, jei jūsų kūno žymos linijos aukštis bus nustatytas 30% didesnis už šrifto dydį, o parašo žymos, kurios yra paveldimo objekte, taip pat turi 30% didesnį eilučių dydį nei šrifto dydis.
- numeris: jei linijos aukščio reikšmė neturi matavimo vieneto, ji laikoma eilutės aukščio šrifto dydžio daugiklio reikšme. Taigi linijos aukštis 1,25 būtų 25% didesnis nei šrifto dydis.
- ilgis: jei linijos aukščio vertė turi matavimo vienetą, tai yra tiksli vietos suma tarp linijų. Taigi 1,25 mm atstumas tarp linijų būtų 1,25 milimetrai.
- procentas: jei linijos aukštis yra procentas, tai būtų šrifto dydžio procentas. Taigi 125% linijos aukštis būtų 25% didesnis nei šrifto dydis.
Kokią vertę naudosite CSS linijos atstumui
Daugeliu atvejų labiausiai tinkamas atstumas tarp eilučių yra numatytasis - arba "normalus". Paprastai tai yra labiausiai skaitoma ir nereikalauja nieko ypatingo. Tačiau keičiant eilučių intervalą jūsų tekstas gali jaustis kitaip.
Jei jūsų šrifto dydis apibrėžiamas kaip ems arba procentai, taip pat turėtų būti apibrėžtas jūsų linijos aukštis. Tai yra lanksčia tarpsnių formos forma, nes ji leidžia skaitytojui keisti jų šriftus ir išlaikyti tą patį santykį tarp eilučių.
Nustatykite linijos aukštį spausdinimo stiliaus lapams su taško (pt) verte. Tikslas yra spausdinimo priemonė, todėl jūsų šrifto dydžiai turėtų būti taškų.
Nenoriu naudoti numerio pasirinkimo, nes nustatėu, kad tai labiausiai paini žmonėms. Daugelis žmonių mano, kad skaičius yra absoliutus dydis, todėl jie tampa didžiuliai. Pavyzdžiui, jūsų šrifto dydis gali būti 14 pikselių, o tada nustatysite savo linijos aukštį iki 14, o tai lemia didelius tarpus tarp eilučių, nes eilučių tarpai nustatomi 14 kartų didesniam už šrifto dydį.
Kiek vietos turite naudoti jūsų linijos atstumui
Kaip minėjau anksčiau, rekomenduoju naudoti numatytąjį eilučių intervalą, nebent turite tam tikrų priežasčių ją pakeisti. Keičiant linijų tarpą gali būti skirtingų efektų:
- Labai sunku sujungti tekstą gali būti sunku perskaityti. Tačiau mažos linijos erdvės gali paveikti teksto nuotaiką. Jei tekstas suspaustas kartu, tekstas gali atrodyti tamsesnis arba labiau įtemptas.
- Tekstas, kuris yra toli nuo kitos, taip pat gali būti sunku perskaityti. Tačiau plataus masto erdvėse tekstas atrodo labiau tekantis ir skystis.
- Keičiant linijų tarpą, galite sukurti tekstą, kuris kitaip nebūtų tuščias erdvėje, būtų kompaktiškas arba užimtų daugiau vietos jūsų dizainui.