CSS liste stili-konum Özellik
Örnek
Liste öğesi işaretçilerinin konumunu belirtin:
ul.a {
list-style-position: outside;
}
ul.b {
list-style-position: inside;
}
Tanım ve Kullanım
Özellik list-style-position
, liste öğesi işaretçilerinin (madde işaretleri) konumunu belirtir.
list-style-position: outside;
madde işaretlerinin liste öğesinin dışında olacağı anlamına gelir. Liste öğesinin her satırının başlangıcı dikey olarak hizalanır:
- Kahve - Kavrulmuş kahve çekirdeklerinden hazırlanan demlenmiş bir içecek...
- Çay
- kola
list-style-position: inside;
madde işaretlerinin liste öğesinin içinde olacağı anlamına gelir. Liste öğesinin bir parçası olduğu için metnin bir parçası olacak ve başlangıçtaki metni itin:
- Kahve - Kavrulmuş kahve çekirdeklerinden hazırlanan demlenmiş bir içecek...
- Çay
- kola
Varsayılan değer: | dıştan |
---|---|
Miras: | Evet |
canlandırılabilir: | Hayır. Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS1 |
JavaScript sözdizimi: | nesne .style.listStylePosition="içeride" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
list-style-position | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Sözdizimi
list-style-position: inside|outside|initial|inherit;
Mülk değerleri
Value | Description | Play it |
---|---|---|
inside | The bullet points will be inside the list item | |
outside | The bullet points will be outside the list item. This is default | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
İlgili Sayfalar
CSS eğitimi: CSS Listesi
CSS referansı: liste stili özellik
HTML DOM referansı: listStylePosition özelliği