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 linijos atstumo 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ų turi būti paimtas iš tęstinio 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.
- Skaičius: Jei linijos aukščio reikšmė neturi matavimo vieneto, ji laikoma eilutės aukščio šrifto dydžio koeficientu. Taigi linijos aukštis 1,25 būtų 25% didesnis nei šrifto dydis.
- Ilgis: Jei linijos aukščio vertė turi matavimo vienetą, tai tiksli vietos suma turėtų būti tarp eilučių. 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ų geriausias atstumas tarp eilučių - palikti jį numatytuoju ar "normaliu". 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ų.
Nenorime naudoti numerio pasirinkimo, nes nustatėme, kad tai žmonėms labiausiai paini. Daugelis žmonių mano, kad skaičius yra absoliutus dydis, todėl jie tampa didžiuliai. Pavyzdžiui, jūsų šriftas gali būti 14 pikselių, o tada nustatysite savo linijos aukštį iki 14, todėl tarp eilučių atsiras didžiulių tarpų, nes tarpai tarp eilučių yra 14 laikai šrifto dydis.
Kiek vietos turite naudoti jūsų linijos atstumui
Kaip minėta pirmiau, rekomenduojame 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 surašytas kartu, tekstas gali būti tamsesnis ar tankesnis.
- 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.
