Folosind proprietatea înălțimii liniei CSS pentru a obține spațiu CSS Line Spacing
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ștenește: distanța dintre linii trebuie să fie 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ă, se consideră că este 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.
- o 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ă.
- un procent: dacă înălțimea liniei este un procent, 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-mi place să folosesc alegerea numărului, pentru că am descoperit că este cea 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 14px și apoi să setați înălțimea liniei dvs. la 14 - ceea ce are ca rezultat discrepanțe uriașe î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
Așa cum am menționat mai sus, vă recomand să utilizați distanța de linie implicită, cu excepția cazului în care aveți un motiv anume să o schimbați. 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 ca textul să pară mai întunecat sau mai tensionat.
- 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ă.