text-transform

מגדיר את טרנספורמציית הטקסט, כגון הפיכת הטקסט לאותיות רישיות או קטנות.



מה זה text-transform?

המאפיין text-transform ב-CSS מגדיר טרנספורמציה לטקסט של האלמנט. ניתן לבחור בין הערכים "uppercase" (אותיות רישיות), "lowercase" (אותיות קטנות), ו-"capitalize" (אותיות ראשיות בלבד).

שימוש במאפיין text-transform

באמצעות text-transform ניתן לשלוט במראה הטקסט ולהתאים אותו לצרכים עיצוביים.

דוגמה לשימוש ב-text-transform

להלן דוגמה לשימוש במאפיין text-transform:

טקסט באותיות רישיות

טקסט באותיות קטנות

טקסט עם אותיות ראשיות

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

באמצעות text-transform ניתן לעצב טקסט כך שיתאים לסגנון ולתכנון הדף, ולשלוט באותיות בצורה גמישה.

אפשר להגדיר את זה לדוגמה כך

    
          <p style="text-transform: uppercase;">
            טקסט באותיות רישיות
          </p>
          <p style="text-transform: lowercase;">
            טקסט באותיות קטנות
          </p>
          <p style="text-transform: capitalize;">
            טקסט עם אותיות ראשיות
          </p>
        
    

עוד בקטגוריה Font and Text (גופן וטקסט)

תגובות

רק רגע

שיתוף