CSS list-style-position özelliği
- önceki sayfa list-style-image
- Sonraki sayfa list-style-type
Tanım ve kullanım
listStylePosition özelliği, listeleme öğesi işaretlerinin konumunu ayarlar.
Açıklama
Bu özellik, listeleme işaretlerinin listeleme öğesi içeriğine göre konumunu belirler. Dışarı (outside) işaretler, listeleme öğesi kenar çizgisi sınırlarından belirli bir mesafede yerleştirilir, ancak bu mesafe CSS'te tanımlı değildir. İç (inside) işaretleri, listeleme öğesi içeriğinin en önündeki satır içi öğesi gibi işlenir.
Daha fazla bilgi için bkz:
CSS eğitimi:CSS listeleri
CSS referans el kitabı:CSS list-style özelliği
HTML DOM referans el kitabı:listStylePosition özelliği
Örnek
Listede listeleme öğesi işaretlerinin konumunu belirtir:
ul { list-style-position:inside; }
CSS dilbilgisi
list-style-position: inside|outside|initial|inherit;
Özellik değeri
Değer | Açıklama |
---|---|
iç | Listeleme öğeleri işaretler içinde yerleştirilir ve metin işaretlere göre hizalanır. |
dışarı | Öntanımlı değer. İşaretler metnin solunda tutulur. Listeleme öğeleri işaretler dışında yerleştirilir ve metin işaretlere göre hizalanmaz. |
devral | list-style-position özelliğinin değerini ebeveyn öğesinden devralması gerektiğini belirtir. |
Teknik ayrıntılar
Öntanımlı değer: | dışarı |
---|---|
Devralabilirlik: | evet |
Sürüm: | CSS1 |
JavaScript dilbilgisi: | object.style.listStylePosition="inside" |
Daha fazla örnek
- Listeleme işaretlerini yerleştirme
- Bu örnek, listeleme işaretlerinin nerede konulacağını göstermektedir.
Tarayıcı desteği
Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- önceki sayfa list-style-image
- Sonraki sayfa list-style-type