הרשימה ב-CSS קובעת כיצד התוכן או הפריטים מופיעים בצורה מסוימת, כלומר, ניתן לסדר אותם בצורה מסודרת או אקראית, מה שמסייע ביצירת דף אינטרנט נקי. מכיוון שהם ניתנים להתאמה ופשוטים לטיפול, הם עשויים לשמש לארגון כמויות גדולות של חומר. סגנון ברירת המחדל של הרשימה הוא ללא גבולות. ניתן לחלק את הרשימה לשתי קטגוריות:
מאפייני רשימת ה-CSS הבאים זמינים לשימוש בשליטה ברשימות ה-CSS:
כעת נלמד יותר על מאפיינים אלה באמצעות דוגמאות.
מאפיין מסוג רשימה
ברירת המחדל של סוג הסמן ברשימה עשויה להשתנות למגוון סוגים אחרים, כולל ריבוע, עיגול, ספרות רומיות, אותיות לטיניות ועוד רבים. הערכים ברשימה לא מסודרת מסומנים בכדורים עגולים (•), בעוד שהפריטים ברשימה מסודרת ממוספרים כברירת מחדל באמצעות ספרות ערביות (1, 2, 3 וכו').
הסימונים או הכדורים יוסרו אם נגדיר את ערכם ללא.
תחביר:
list-style-type:value;
איך לצאת מ-while loop java
אנו עשויים להשתמש בערך באופן הבא:
- מעגל
- עשרוני, למשל:1,2,3 וכו'
- אפסים-עשרוניים-מובילים, למשל :01,02,03,04 וכו'
- תחתון-רומן
- עליון-רומן
- תחתון-אלפא, למשל, a,b,c וכו'
- אלפא עליון, למשל, A, B, C וכו'
- כיכר
הערה: הריפוד והשוליים המוגדרים כברירת מחדל כלולים גם הם ברשימה. יש צורך להוסיף padding:0 ו-margin:0 ל-ותגים כדי לבטל את זה.
- תגים כדי לבטל את זה.
דוגמא
דוגמה זו מציגה רשימת CSS עם מספר סוגים וערכים בסגנון רשימה מוגדרים לריבוע ואלפא עליון ועוד רבים.
Example for CSS Lists .num{ list-style-type:decimal; } .alpha{ list-style-type:upper-alpha; } .circle{ list-style-type:circle; } .square{ list-style-type:square; } .disc{ list-style-type:disc; } <h2> Ordered Lists </h2> <ol class="order"> <li>ONE</li> <li>TWO</li> </ol> <h2> Unordered lists </h2> <ul> <li>ONE</li> <li>TWO</li> </ul> תְפוּקָה
