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