CSS Satır aralığının alınması üçün CSS Line-Height xüsusiyyətindən istifadə
Web səhifələrinizdə satır aralığınızı təsir etmək üçün CSS üslublu əmlak xəttinin yüksəkliyindən necə istifadə edəcəyinizi öyrənin.
CSS Line Spacing dəyərləri
CSS xətti aralığının CSS stil mülkiyyət xətti hündürlüyü təsirlənir. Bu əmlak 5 fərqli dəyər daşıyır:
- Normal: brauzer şrift ölçüsü ilə bağlı olan satır aralığı üçün bir dəyər təyin edir. Bu, adətən, şrift ölçüsü və ya bir qədər böyükdür (20% kimi).
- inherit: satır aralığı ana elementin satır aralığından alınmalıdır. Bədən etiketinizin xətt hündürlüyünü şrift ölçüsündən 30% daha böyük və paraqrafın içərisində devralındıqları halda, onlar font ölçüsündən 30% böyük bir satır hündürlüyünə malik olursunuz.
- bir nömrə: Satır hündürlüyünün ölçüsü vahidi olmadığında, xətt boyu üçün yazı ölçüsündə bir çarpan hesab olunur. Beləliklə 1.25 satır hündürlüyü font ölçüsündən 25% daha böyük olardı.
- bir uzunluq: Satır hündürlüyünün ölçüsü bir ölçü vahidi varsa, xətlərin ardındakı boşluq miqdarı olmalıdır. Beləliklə, 1.25mm hündürlüyü 1.25 millimetrdən ibarətdir.
- bir faiz: Satır hündürlüyü faizdirsə, bu font ölçüsünün bir hissəsi olar. Beləliklə 125% hündürlüyü hündürlüyü 25% böyükdür.
CSS Line Aralığı üçün hansı dəyər istifadə etməlisiniz
Çox hallarda, satır aralığının ən yaxşı seçimi onu default olaraq - ya da "normal" olaraq tərk etməkdir. Bu ümumiyyətlə ən çox oxunan və xüsusi bir şey etmənizi tələb etmir. Ancaq satır aralığının dəyişdirilməsi mətninizə fərqli bir fikir verə bilər.
Yazı tipinizin ölçüsü ems və ya faiz kimi müəyyən edilirsə , xəttinizin hündürlüyü də bu şəkildə müəyyən edilməlidir. Bu, xətt aralığının ən çevik formudur, çünki oxucunun şriftlərini ölçüsünə və xətt aralığına eyni nisbəti saxlamağa imkan verir.
Çap üslubları üçün bir xətt (pt) dəyəri ilə xəttin hündürlüyü seçin. Bu nöqtə bir çap tədbirdir və yazı tipi ölçüləri də ballarda olmalıdır.
Rəqəm seçimindən istifadə etmək istəmirəm, çünki insanlar üçün ən başlıcasıdır. Bir çox insanlar nömrə mütləq bir ölçüsü olduğunu düşünür və buna görə də çox böyükdürlər. Məsələn, 14px-də font dəsti ola bilər və sonra xəttinizin hündürlüsünü 14-ə qoyursunuz - xətlərin arasına böyük boşluqlar səbəb olur - satır aralığı 14 dəfə font ölçüsünə görə təyin olunur.
Satır aralığınız üçün necə istifadə etməlisiniz
Yuxarıda qeyd etdiyim kimi, onu dəyişdirmək üçün müəyyən bir səbəb olmadıqda, default satır aralığından istifadə etməyi məsləhət görürəm. Satır aralığının dəyişdirilməsi müxtəlif təsirlərə malik ola bilər:
- Birlikdə çox sıx olan mətni oxumaq çətin ola bilər. Lakin kiçik xətt boşluqları mətnin əhvalını təsir edə bilər. Mətn yığışdırılırsa mətnin mənası daha qaranlıq və ya daha gərgin görünür.
- Daha uzaq olan mətn də oxumaq çətin ola bilər. Ancaq geniş xətt boşluqları mətni daha axan və maye görünür.
- Satır aralığının dəyişdirilməsi, başqa bir yerə uyğun olmayacaq mətni daha kompakt olma və dizaynlarınıza daha çox yer ayırmağı bacara bilər.