לפני שמתחילים שלב 1 - רקע שלב 2 - גופן שלב 3 - פסקה שלב 4 - תיבה שלב 5 - מיון עיצוב קישורים שונות CSS ב-JS

פיסקה Letter-Spacing המאפין Letter-Spacing קובע את המרוח בין אות לאות ,נתמך באנגלית בלבד, ומקבל normal או כל גודל תקני (את טבלת הגדלים ניתן לראות כאן) דוגמא להצהרה הזו: P {Letter-Spacing:1px} Line-Heignt המאפין Line-Heignt קובע את המרחק בין שני קוי הבסיס של 2 שורות טקסט. הוא מקבל normal, מספר באחוז יחסי לרכיב האב (הרכיב שהוא בתוכו לדוגמא P בתוך Body), או כל גודל תקני (את טבלת הגדלים ניתן לראות כאן).שים לב לעובדה שהרוח הוא לפני השורה ולא אחריה‎‎‏ אזהרה הגדרה זו אינה פועלת כראוי בשורות שיש בהם כמה גדלי גופן דוגמא להצהרה הזו: P {Line-Heignt:1px} Text-Align המאפין Text-Align מגדיר כיצד ייושר הטקסט ברכיב. הוא מקבל ערכים מהטבלה הזאת:‎‎‏ הערך תיאורו right הטקסט מיושר לימין center הטקסט מיושר למרכז left הטקסט מיושר לשמאל justify הטקסט מיושר לימין ולשמאל כמו -Word (ישר לשני הצדדים) דוגמא להצהרה הזו: P {Text-Align:justify} Text-Indent במאפין Text-Indent תשתמש כדי להכניס את השורה הראשונה של טקסט הרכיב. ,והוא מקבל כל גודל תקני (את טבלת הגדלים ניתן לראות כאן) דוגמא להצהרה הזו, שמראה כיצד להזיז ימינה את התיכן של P בסנטימטר אחד: P {Text-Indent:1cm} טיפ תוכל ליצור כניסה תלויה על ידי הגדרת המאפיין Text-Indent של תג לערך שלילי ואת margin-left לערך חיובי Text-TransForm המאפין Text-TransForm קובע שהטקסט צריך להשתנות בהתאם לערכים הללו:‎‎‏ הערך תיאורו none ללא שינוי capitalize הופך כל אות ראשונה במילה לאות רישית uppercase הופך את כל האותיות ברכיב לרישיות lowercase הופך את כל האותיות ברכיב לקטנות דוגמא להצהרה הזו: P {Text-TransForm:lowercase} Vertical-Align המאפין Vertical-Align קובע אם מיקומו האנכי של הטקסט בתוך הרכיב ,והוא מקבל את המאפינים הבאים:‎‎‏ הערך תיאורו baseline מישר את קו הבסיס של הרכיב עם זה של האב middle מישר את מרכז של הרכיב עם זה של האב sub הופך את הרכיב לתחתי super הופך את הרכיב לעילי text-top מישר את ראש הרכיב עם ראש הטקסט של רכיב האב text-bottom מישר את תחתית הרכיב אם תחתית הטקסט של רכיב האב top מישר את ראש הרכיב עם הרכיב הגבוה ביותר בשורה דוגמא להצהרה הזו: P {Vertical-Align:text-top} לשלב הבא, מאפיני תיבה