Aflați cum să utilizați înălțimea liniei de proprietate a stilului CSS pentru a afecta spațierea liniilor dvs. pe paginile Web.
Valorile distanței liniei CSS
Intervalul de linii CSS este afectat de înălțimea liniei proprietății stilului CSS. Această proprietate necesită până la 5 valori diferite:
- Normal: browserul determină o valoare pentru intervalul de linie care este legat de dimensiunea fontului. Aceasta este, de obicei, aceeași ca dimensiunea fontului sau ușor mai mare (ca 20%).
- Moşteni: distanța dintre rânduri trebuie luată de la distanța liniară a elementului părinte. Deci, dacă setați înălțimea liniei pentru eticheta corporală la 30% mai mare decât dimensiunea fontului și etichetele de paragraf din interiorul care urmează să fie moștenite, vor avea de asemenea o înălțime a liniei de 30% mai mare decât dimensiunea fontului.
- Un număr: Dacă valoarea înălțimii liniei nu are o unitate de măsură, este considerată ca un multiplicator pentru dimensiunea fontului pentru înălțimea liniei. Deci, o înălțime a liniei de 1,25 ar fi cu 25% mai mare decât dimensiunea fontului.
- A Lungime: Dacă valoarea înălțimii liniei are o unitate de măsură, adică suma exactă a spațiului trebuie să fie între linii. Deci, 1,25mm ar avea ca rezultat linii de 1,25 milimetri în afară.
- A Procentaj: Dacă înălțimea liniei este un procentaj, acesta ar fi un procent din dimensiunea fontului. Deci o înălțime a liniei de 125% ar fi cu 25% mai mare decât dimensiunea fontului.
Valoarea pe care ar trebui să o utilizați pentru distanțarea liniei CSS
În cele mai multe cazuri, cea mai bună alegere pentru spațierea liniei este să o lăsați la valoarea implicită sau "normal". Aceasta este, în general, cea mai lizibilă și nu necesită să faceți ceva special. Dar modificarea distanței dintre linii poate conferi textului un simț diferit față de acesta.
Dacă dimensiunea fontului dvs. este definită ca ems sau procente, înălțimea liniei dvs. ar trebui să fie, de asemenea, definită astfel. Aceasta este forma cea mai flexibilă de spațiere a liniei, deoarece permite cititorului să își redimensionă fonturile și menține același raport la distanța dintre linii.
Setați înălțimea liniei pentru foile de stil de imprimare cu o valoare punct (pt). Punctul este o măsură de tipărire, deci dimensiunile fontului ar trebui să fie și în puncte.
Nu ne place să folosim alegerea numărului deoarece am constatat că este cel mai confuz pentru oameni. Mulți oameni cred că numărul este o mărime absolută, și astfel o fac enormă. De exemplu, este posibil să aveți un set de fonturi la 14 pixeli și apoi să setați înălțimea liniei la 14, ceea ce are ca rezultat decalajul uriaș între linii, deoarece distanța dintre linii este setată la 14 ori dimensiunea fontului.
Cât de mult spațiu ar trebui să utilizați pentru a vă distanța liniei
După cum sa menționat mai sus, vă recomandăm să utilizați spațierea prestabilită a liniei, cu excepția cazului în care aveți un motiv specific pentru a o schimba. Schimbarea spațiilor liniare poate avea efecte diferite:
- Textul care este foarte strâns împreună poate fi dificil de citit. Dar spațiile de linii mici pot afecta starea de spirit a textului. În cazul în care textul este scrunched împreună poate face sensul textului pare mai întunecat sau mai dens.
- Un text mai îndepărtat poate fi dificil de citit. Dar spațiile liniare mari fac ca textul să pară mai fluid și mai fluid.
- Schimbarea spațiilor liniare poate face ca textul care altfel să nu se potrivească într-un spațiu să fie mai compact sau să preia mai mult spațiu în desenele dumneavoastră.
