מה זה line-height?

המאפיין line-height ב-CSS מגדיר את גובה השורה של הטקסט, כלומר את המרחק בין שורות הטקסט. ניתן לציין את הגובה באמצעות יחידות כמו פיקסלים (px), אמ (em) או אחוזים (%).

שימוש במאפיין line-height

באמצעות line-height ניתן לשפר את קריאות הטקסט ולהתאים את המרחק בין שורות כדי להקל על קריאה.

דוגמה לשימוש ב-line-height

להלן דוגמה לשימוש במאפיין line-height:

טקסט עם גובה שורה של 1.5

טקסט עם גובה שורה של 30 פיקסלים

שימושים מתקדמים

באמצעות line-height ניתן לשלוט בקצב קריאת הטקסט ולהתאים את העיצוב לעיצובים רגישים.

    
          <p style="line-height: 1.5;">
            טקסט עם גובה שורה של 1.5
          </p>
          <p style="line-height: 30px;">
            טקסט עם גובה שורה של 30 פיקסלים
          </p>