במקרים מסוימים, אנו נדרשים להסיר את הכדורים של רשימות לא מסודרות ומסודרות. הסרת תבליטי הרשימה אינה משימה מורכבת באמצעות CSS. ניתן לעשות זאת בקלות על ידי הגדרת ה-CSS בסגנון רשימה אוֹ סוג רשימה רכוש ל אף אחד .
ה סוג רשימה מאפיין CSS משמש להגדרת הסמן (כמו דיסק, תו או סגנון המונה המותאם אישית) של a רשימה אלמנט פריט. מאפיין CSS זה עוזר לנו ליצור את הרשימה ללא תבליטים. ניתן להחיל אותו רק על אותם אלמנטים שערך התצוגה שלהם מוגדר ל פריט רשימה. ה סוג רשימה המאפיין עובר בירושה, כך שניתן להחיל אותו על רכיב האב (כמו אוֹ
) כדי להחיל אותו על כל פריטי הרשימה.
כברירת מחדל, פריטי הרשימה המסודרים ממוספרים בספרות ערביות (1, 2, 3 וכו'), והפריטים ברשימה לא מסודרת מסומנים בתבליטים עגולים (•). ה סוג רשימה מאפיין CSS מאפשר לנו לשנות את סוג הסמן ברשימת ברירת המחדל לכל סוג אחר כגון ריבוע, עיגול, ספרות רומיות, אותיות לטיניות ועוד רבים.
אם נגדיר את הערך שלו ל אף אחד , זה יסיר את הסמנים/כדורים. במקום להסיר את התבליטים ברשימה, נוכל להחליף אותם בתמונות. זה הופך את האתר לאטרקטיבי יותר מבחינה ויזואלית. ניתן לעשות זאת באמצעות ה תמונה בסגנון רשימה תכונה.
בואו נבין כיצד להסיר נקודות תבליט באמצעות דוגמה.
דוגמא
בדוגמה זו, אנו משתמשים גם ברשימות מסודרות וגם ברשימות לא מסודרות ומיישמים את סוג רשימה נכס עם הערך אף אחד כדי להסיר את נקודות התבליט של פריטי הרשימה.
ol { list-style-type: none; font-weight: bold; font-size: 20px; } ul { list-style-type: none; font-weight: bold; font-size: 20px; } <h2>Ordered list</h2> <ol> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ol> <h2>Unordered list</h2> <ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul> בדוק את זה עכשיו תְפוּקָה
