سلام،

1. list-style-position

 محل قرار گیری گلوله‌های کنار هر li(آیتم) رو مشخص میکنه. بهترین حالت برای مشخص شدن این موضوع، تصویر پایین هست:(دو مقدار outside و inside)

در تصویر بالا، کادر بودو نبودش اهمیتی نداره و فقط جهت مشخص کردن مرز قرار گرفتن امده است، شما به کلمه prepared در جمله بالا و پایین نگاه کنید که گلوله چطور نسبت به متن قرار گرفته است.

این دمو را ببینید.

2. list-style (shorthand)

  این یه کلمه مختصره برای تعیین سه خاصیت لیست به طور همزمان: list-style-type ,list-style-position ,list-style-image.

  - list-style-type: این مشخص می‌کنه چه نوع نشانگری استفاده بشه، مثل disc, circle, square.

  - list-style-position: در بالا توضیح دادم.

  - list-style-image: با این خاصیت میتونید یه تصویر رو به عنوان نشانگر لیست تعیین کنید.

  ul {
    list-style: disc inside url('path-to-image.png');
  }

نکته: اگر تصویر موجود نباشد یا بارگذاری نشود، از نشانگر disc به جای تصویر استفاده میشود.