The CSS Propertie list-style

מאפיין הקיצור (shorthand) list-style קובע יחד את שלוש תכונות סמן הרשימה: המיקום (פנים/חוץ), התמונה (אם קיימת) וסוג הסמן (תבליט/מספור/מחרוזת).

ul { list-style: square; }

ol.fancy { list-style: upper-roman inside url("star.svg"); }

insideתיבת הסמן היא אלמנט inline בתחילת תוכן פריט הרשימה.

outsideתיבת הסמן ממוקמת מחוץ לתיבת הבלוק הראשית בצד ההתחלה של הציר האופקי (ברירת המחדל).

noneללא תמונת סמן.

discתבליט עיגול מלא (ברירת המחדל).

circleתבליט עיגול חלול.

squareתבליט ריבוע.

decimalמספור עשרוני 1, 2, 3...

lower-romanספרות רומיות קטנות i, ii, iii...

upper-romanספרות רומיות גדולות I, II, III...

noneללא סמן.

decimal-leading-zeroמספור עשרוני עם אפס מוביל: 01, 02, 03...

lower-alphaאותיות לטיניות קטנות: a, b, c...

upper-alphaאותיות לטיניות גדולות: A, B, C...

lower-latinאותיות לטיניות קטנות: a, b, c... (כינוי ל-lower-alpha).

upper-latinאותיות לטיניות גדולות: A, B, C... (כינוי ל-upper-alpha).

lower-greekאותיות יווניות קטנות: α, β, γ...

hebrewמספור עברי מסורתי: א, ב, ג...

arabic-indicמספור ערבי-הודי: ١, ٢, ٣...

armenianמספור ארמני מסורתי באותיות גדולות: Ա, Բ, Գ...

upper-armenianמספור ארמני מסורתי באותיות גדולות: Ա, Բ, Գ...

lower-armenianמספור ארמני באותיות קטנות: ա, բ, գ...

bengaliמספור בנגלי: ১, ২, ৩...

cambodianמספור קמבודי/ח'מרי: ១, ២, ៣...

khmerמספור ח'מרי/קמבודי: ១, ២, ៣...

cjk-decimalמספור עשרוני בתווי האן: 一, 二, 三...

cjk-ideographicזהה ל-trad-chinese-informal — קיים מטעמי legacy.

cjk-earthly-branch12 ענפי הארץ הסינים: 子, 丑, 寅...

cjk-heavenly-stem10 גבעולי השמיים הסינים: 甲, 乙, 丙...

devanagariמספור דוונגרי: १, २, ३...

ethiopic-numericמספור אתיופי.

georgianמספור גאורגי מסורתי: ა, ბ, გ...

gujaratiמספור גוג'ראטי: ૧, ૨, ૩...

gurmukhiמספור גורמוח'י: ੧, ੨, ੩...

hiraganaאותיות הירגאנה יפניות: あ, い, う...

hiragana-irohaאותיות הירגאנה בסדר אירוהא יפני מסורתי.

japanese-formalמספור קאנג'י יפני פורמלי.

japanese-informalמספור קאנג'י יפני לא-פורמלי.

kannadaמספור קאנאדה: ೧, ೨, ೩...

katakanaאותיות קאטאקאנה יפניות: ア, イ, ウ...

katakana-irohaאותיות קאטאקאנה בסדר אירוהא יפני מסורתי.

korean-hangul-formalמספור האנגול קוריאני פורמלי.

korean-hanja-formalמספור האנג'ה קוריאני פורמלי.

korean-hanja-informalמספור האנג'ה קוריאני לא-פורמלי.

laoמספור לאוטי: ໑, ໒, ໓...

malayalamמספור מלאיאלאם: ൧, ൨, ൩...

mongolianמספור מונגולי: ᠑, ᠒, ᠓...

myanmarמספור מיאנמר (בורמזי): ၁, ၂, ၃...

oriyaמספור אוריה (אודיה): ୧, ୨, ୩...

persianמספור פרסי: ۱, ۲, ۳...

simp-chinese-formalמספור סינית פשוטה פורמלי.

simp-chinese-informalמספור סינית פשוטה לא-פורמלי.

tamilמספור טמילי: ௧, ௨, ௩...

teluguמספור טלוגו: ౧, ౨, ౩...

thaiמספור תאילנדי: ๑, ๒, ๓...

tibetanמספור טיבטי: ༡, ༢, ༣...

trad-chinese-formalמספור סינית מסורתית פורמלי.

trad-chinese-informalמספור סינית מסורתית לא-פורמלי.

disclosure-openסמל רכיב גילוי פתוח (למשל ▾).

disclosure-closedסמל רכיב גילוי סגור (למשל ▸).

url()טוען תמונה חיצונית כסמן הרשימה.

linear-gradient()גרדיאנט לינארי כתמונת סמן.

image-set()בוחר את התמונה הטובה ביותר מבין כמה רזולוציות.

symbols()מגדיר סדרת סמלים מותאמת אישית בתוך הצהרת הרשימה.

CSS Lists and Counters Module Level 3

Editor's Draft

<'list-style-position'> <'list-style-image'> <'list-style-type'>

W3C MDN

css
html
javascript
php

Show all code

ערוך CSS און-ליין

התוסף שזוכר עבורך מאות פריטי CSS

כל פרופרטי CSS — בהדגמה חיה

מקור הייחוס הדו-לשוני ל-CSS

previous next