css מאפייני list list-style

✔️ list-style CSS Style Property

המאפיין list-style מגדיר רשימה ושולט במאפינים list-style-type , list-style-position , list-style-image

דוגמא: שנה את מאפייני הרשימה

Demo Panel:
This is the cssguide
  • sum test
  • sum more text
  • ttt
CSS: 111
HTML: 222
Syntax:

list-style: list-style-type list-style-position list-style-image | initial | inherit;

Valid values:
  • inside, outside
  • none, decimal, decimal-leading-zero, disc, square, circle, upper-roman, lower-roman, disclosure-open, disclosure-closed, hebrew, arabic-indic, upper-alpha, lower-alpha, upper-greek, lower-greek, upper-latin, lower-latin, armenian, upper-armenian, lower-armenian, bengali, cambodian, khmer, cjk-decimal, devanagari, georgian, gujarati, gurmukhi, kannada, lao, malayalam, mongolian, myanmar, oriya, persian, tamil, telugu, thai, tibetan, cjk-ideographic, hiragana, hiragana-iroha, katakana, katakana-iroha, revert, revert-layer, unset, inherit, initial

Js Syntax: element.style.listStyle

תאימות דפדפנים

list-style
הערך שנבדקChromeFirefoxEdgeCOpera
inside disc✔️✔️✔️✔️
inside✔️✔️✔️✔️
outside✔️✔️✔️✔️
none✔️✔️✔️✔️
decimal✔️✔️✔️✔️
decimal-leading-zero✔️✔️✔️✔️
disc✔️✔️✔️✔️
square✔️✔️✔️✔️
circle✔️✔️✔️✔️
upper-roman✔️✔️✔️✔️
lower-roman✔️✔️✔️✔️
disclosure-open✔️✔️✔️✔️
disclosure-closed✔️✔️✔️✔️
hebrew✔️✔️✔️✔️
arabic-indic✔️✔️✔️✔️
upper-alpha✔️✔️✔️✔️
lower-alpha✔️✔️✔️✔️
upper-greek✔️✔️✔️✔️
lower-greek✔️✔️✔️✔️
upper-latin✔️✔️✔️✔️
lower-latin✔️✔️✔️✔️
armenian✔️✔️✔️✔️
upper-armenian✔️✔️✔️✔️
lower-armenian✔️✔️✔️✔️
bengali✔️✔️✔️✔️
cambodian✔️✔️✔️✔️
khmer✔️✔️✔️✔️
cjk-decimal✔️✔️✔️✔️
devanagari✔️✔️✔️✔️
georgian✔️✔️✔️✔️
gujarati✔️✔️✔️✔️
gurmukhi✔️✔️✔️✔️
kannada✔️✔️✔️✔️
lao✔️✔️✔️✔️
malayalam✔️✔️✔️✔️
mongolian✔️✔️✔️✔️
myanmar✔️✔️✔️✔️
oriya✔️✔️✔️✔️
persian✔️✔️✔️✔️
tamil✔️✔️✔️✔️
telugu✔️✔️✔️✔️
thai✔️✔️✔️✔️
tibetan✔️✔️✔️✔️
cjk-ideographic✔️✔️✔️✔️
hiragana✔️✔️✔️✔️
hiragana-iroha✔️✔️✔️✔️
katakana✔️✔️✔️✔️
katakana-iroha✔️✔️✔️✔️
revert✔️✔️✔️✔️
revert-layer✔️✔️✔️✔️
unset✔️✔️✔️✔️
inherit✔️✔️✔️✔️
initial✔️✔️✔️✔️