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

רשימה עליך להשתמש במאפיני רשימה כדי להגדיר כיצד יוצגו רשימות בחלון הדפדפן. תוכל לשנות את המיקום של הסמל (list-type-position) ואת הסגנון או התמונה המשמשים עבור הסמן (list-type-image ו- list-style-type). הסעיפים הבאים יתארו בפרוטרוט את כל אחד מהמאפינים הערה: המאפינים זמינים רק לגבי תגיות רשימה של HTML list-Style-image המאפין list-Style-image קובע אם ואיזו תמונה שתוצג בדפדפן כסמן של פריט רשימה, והוא מקבל ערך URL. דוגמא להצהרה הזו: li {list-Style-image: URL('image.jpg')} list-Style-position המאפין list-Style-position קובע את המיקום היחסי של הסמן, והוא מקבל את הערכים הבאים: הערך תיאורו inside הטקסט של פריט הרשימה גולש לשורה הבאה, מתחת לסמן outside הטקסט של פריט הרשימה גולש לשורה הבאה, מתחת לתחילת הטקסט של השורה הקודמת (כניסה תלויה) דוגמא להצהרה הזו : li {list-Style-position:inside} list-Style-Type המאפין list-Style-Type קובע את הסמן שיוצג על ידי הדפדפן. כדאי להשתמש בו במקום תמונה, שמכבידה על טעינתו של דף. תוכל להקצות לו אחד מהמאפינים הבאים: הערך תיאורו disc צורת דיסק circle צורת עיגול square ריבוע decimal ממוספר (1,2,3,4...) lower-roman מספרים רומיים קטנים (i,ii,iii...) upper-roman מספרים רומיים רישים (I,II,III...) lower-alpha אותיות לועזיות קטנות upper-alpha אותיות לועזיות רישיות none ללא סמנים דוגמא להצהרה הזו: P {Border-Width: 10pt} קישורים