יום שני, 13 באפריל 2009

11.1 עיצוב רשימות - כללי

באמצעות גליונות סגנון ניתן לעצב את המראה של פריטים ברשימות. 
דפדפנים מתייחסים לרשימות כמו כל בלוק אחר של טקסט, פרט לעובדה שלבלוק זה יש מקדם מסוג מסויים כגון מספור (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

list-style

A shorthand property for setting all of the properties for a list in one declaration

list-style-type
list-style-position
list-style-image

4

1

6

list-style-image

Sets an image as the list-item marker

none
url

4

1

6

list-style-position

Sets where the list-item marker is placed in the list

inside
outside

4

1

6

list-style-type

Sets the type of the list-item marker

none
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha 

4

1

4

marker-offset

 

auto
length

1

7


 הקודם  הבא  


אין תגובות:

הוסף רשומת תגובה