Liste stili konumu

list-style-position ile işaret konumunu öğrenirsin.

İşaret nereye düşer?

Bir listenin madde işareti metnin dışında veya içinde konumlanabilir. list-style-position özelliği bunu belirler. Varsayılan değer outside işareti metnin solunda, dışta tutar.

inside ise işareti metnin içine koyar. Çok satırlı ögelerde fark belirginleşir: outside ikinci satırı işaretin sağına hizalarken, inside düz hizalı kaydırır.

outside neden yaygın?

Çoğu durumda outside varsayılan değerini kullanırsın. İşaret metnin solunda durur; çok satırlı ögelerde ikinci satır işaretin sağına hizalanır. Bu, madde işaretli listelerin alıştığın görünümüdür.

inside ise daha sıkı, başlık benzeri listelerde işe yarar. Örneğin kısa tanım listelerinde işareti metne yakın tutmak okunurluğu artırır.

Uygulama Rehber listesini sıkıştır

Bir ul.guide sınıf seçicisi yaz ve list-style-position: inside tanımla. Böylece rehber listesinin işaretleri metnin içine yerleşecek.

Örnek çözümü göster

/* rehber listesini sıkıştır */
ul.guide {
  list-style-position: inside;
}

Kendini test et

list-style-position: inside ne yapar?
```
ul {
  list-style-position: inside;
}
```
- İşareti metnin dışında, sola koyar (varsayılan)
- İşareti metnin içine koyar; satır kayması düz hizalı olur
- İşaretleri tamamen kaldırır
- İşaretleri sağ tarafa taşır
Cevabı göster

İşareti metnin içine koyar; satır kayması düz hizalı olur — Doğru. inside işareti metnin içine yerleştirir ve satır kaymasını düz hizalı yapar.

İşareti içeri al

ul.guide {
  ____;
}

Cevabı göster

ul.guide {
  list-style-position: inside;
}

Konumu davranışına eşle

outside

İşaret metnin dışında (varsayılan)
inside

İşaret metnin içinde
inherit

Üst ögenin değerini alır

Sıradaki ders: Liste stili görseli

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler