באמצעות גליונות סגנון ניתן לעצב את המראה של פריטים ברשימות.
דפדפנים מתייחסים לרשימות כמו כל בלוק אחר של טקסט, פרט לעובדה שלבלוק זה יש מקדם מסוג מסויים כגון מספור (OL) או סימון/תבליט (UL). את הצורה והמיקום של אלה תוכלו לעצב ב-CSS.
<html>
<head>
<style type="text/css">
ul
{
list-style: square inside url('arrow.gif')
}
</style>
</head>
<body>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body>
</html>
והתוצאה בדפדפן תראה כך:

הטבלה הבאה תציג את המאפיינים העיקריים ואת תמיכת הדפדפנים בכל מאפיין (IE=אקספלורר, F=פיירפוקס, N=נטסקייפ). המספרים בעמודות הדפדפן, מציינים את הגירסה הראשונה התומכת של הדפדפן.
Property | Description | Values | IE | F | N |
A shorthand property for setting all of the properties for a list in one declaration | list-style-type | 4 | 1 | 6 | |
Sets an image as the list-item marker | none | 4 | 1 | 6 | |
Sets where the list-item marker is placed in the list | inside | 4 | 1 | 6 | |
Sets the type of the list-item marker | none | 4 | 1 | 4 | |
marker-offset | | auto | 1 | 7 |
אין תגובות:
הוסף רשומת תגובה