מה זה letter-spacing?

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

שימוש במאפיין letter-spacing

באמצעות letter-spacing ניתן לשפר את קריאות הטקסט ולהתאים את העיצוב למראה הרצוי.

דוגמה לשימוש ב-letter-spacing

להלן דוגמה לשימוש במאפיין letter-spacing:

טקסט עם רווח של 2 פיקסלים בין אותיות

טקסט עם רווח של 0.1em בין אותיות

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

באמצעות letter-spacing ניתן להתאים את המרחק בין אותיות הטקסט ולשלוט על מראה הטקסט בעיצובים שונים.

    
          <p style="letter-spacing: 2px;">
            טקסט עם רווח של 2 פיקסלים בין אותיות
          </p>
          <p style="letter-spacing: 0.1em;">
            טקסט עם רווח של 0.1em בין אותיות
          </p>