📘 جلسه هشتم – لیست‌ها (List) و نمایش المان‌ها (Display)

🔹 لیست‌ها (List)

• 📝 list-style → شورت‌هند برای تنظیم همه خصوصیات لیست.
• 🔸 list-style-type → نوع نشانه‌گذاری ( disc ، circle ، square ، decimal ، upper-roman و...).
• 🖼 list-style-image → استفاده از تصویر سفارشی به‌جای بولت.
• 📍 list-style-position → محل نمایش بولت (inside یا outside).

• ⚡ list property shorthand → ترکیب همه در یک خط:

   

  list-style: square inside url(img.gif);
  

🔹 نمایش المان‌ها (Display)

• 📦 block → کل عرض را می‌گیرد، المان جدید در خط بعد.
• ➡️ inline → در یک خط قرار می‌گیرد، فقط به اندازه محتوا.
• 🔳 inline-block → مثل inline ولی قابل تنظیم با عرض و ارتفاع.
• ❌ none → عنصر کامل حذف می‌شود (نه نمایش دارد نه فضا می‌گیرد).
• 👁 visibility
  • ✅ visible → نمایش داده می‌شود.
  • 🙈 hidden → دیده نمی‌شود اما فضا را نگه می‌دارد.