מדריך CSS – רשימות
אפשר באמצעות גליונות סגנון לעצב את המראה של פריטים ברשימות. דפדפנים מתייחסים לרשימות כמו כל בלוק אחר של טקסט, פרט לעובדה שלבלוק זה יש מקדם מסוג מסויים כגון מספור (במקרה של OL) או סימון/תבליט (במקרה של UL). את הצורה והמיקום של אלה תוכלו לעצב ב-CSS.
התכונה list-style-image מקבלת URL של תמונה כלשהי או את המילה none. אם יש לדפדפן גישה אל התמונה הוא יציג אותה, אם לא, יציג הדפדפן את מה שהוגדר כ- list-style-type.
כדי לקבל תוצאות יפות כאן מומלץ להשתמש בתמונות קטנות.
Ul li{list-style-image:url(/images/bcg.gif);list-style-type:square;}
במקרה זה, אם לא הצליח הדפדפן להוציא את התמונה הנדרשת, יצג את הריבוע הרגיל.
התכונה list-style-position ממקמת את התמונה או הסימון בתוך (inside) או מחוץ (outside), ואלה מתייחסים לשורה הבאה אחרי התבליט, כלומר האם היא תחזור לקו הסימון(inside) או, לפי ברירת המחדל (outside) תישאר מוזחת פנימה. בעברית, אין הבדל בין השניים.
List-style-type משמשת לשני תפקידים:
ניתן גם לכתוב בקיצור list-style ולזרוק לשם ערכים ללא סדר מסויים:
Li.yyy{list-style: lower-roman inside;} Li.xyz{list-style: url(images/smiley.gif) circle outside;}
תגובות בפייסבוק