list-style-position Özelliği Temel Özellikler
- CSS Yazımı :
list-style-position: inside | outside;- Örnek :
list-style-position: inside;|list-style-position: outside;- Öntanımlı Değer :
outside- Uygulanabilen Etiketler :
- Liste ögelerine uygulanabilir.
- Kalıtsallık :
- Var
- Tarayıcı Desteği :
- Tüm Tarayıcılar
- Animasyon :
- Desteklenmiyor
animationÖzelliği - Javascript :
öge.style.listStylePosition = "outside";- Sürüm :
- CSS2 (düz. 1) / CSS Lists Module Level 3
- Açıklama :
list-style-position Özelliği Kullanımı
Markanız için 300X300 alan.
CSS list-style-position özelliği; dizelge biçiminde gösterilen içeriğin imlenmesinin, içerik akışının içinde mi yoksa dışında mı olması gerektiğini belirler.
list-style-position özelliği dizelge ögelerine ve display: list-item; uygulanmış etiketlere uygulanır. Ancak bu özellik kalıtsallıkla geçtiği için (olağan durumlarda <ol> etiketi ve <ul> etiketi olan) ata etikete uygulanmasıyla ata etiketin içindeki etiketlere de uygulanmış oluyorlar.
list-style-position: inside; bildirilmiş ögelere ilk olarak blok seviye öge yerleştirildiğinde tarayıcılarda davranış varyasyonları ortaya çıkar: Chrome ve Safari ögeyi im kutusuyla aynı satırda gösterirken Firefox, Opera ve İnternet Explorer ögeyi bir sonraki satırdan başlatırlar. Daha fazla bilgi için bk. https://bugzilla.mozilla.org/show_bug.cgi?id=36854.
list-style-position Özelliği Tarayıcı Desteği
| Tarayıcı →Özellik ↓ | |||||
|---|---|---|---|---|---|
| Temel Destek | 1 | 3.5 | 1 | 1 | 4 |
| Tarayıcı →Özellik ↓ | |||||
|---|---|---|---|---|---|
| Temel Destek | 4 | ? | ? | ? | 12 |
list-style-position Özelliğinin Alabileceği Değerler
inside::markeriçerikteki ilk ögedir (desen, içerik akışının içindedir (sol tarafta)).outside- Öntanımlı değer.
::markerblok kutunun dışındadır (desen, içerik akışının dışındadır).
İlişkili Özellikler
list-styleÖzelliği- CSS
list-styleözelliği;list-style-typeözelliği,list-style-imageözelliği, velist-style-positionözelliği değerlerini ayarlayarak dizelgelerin nasıl gösterileceğini belirleyen dizelge (liste) kısaltmasıdır. list-style-typeÖzelliği- CSS
list-style-typeözelliği; dizelge ögesinin nasıl görüneceğini belirler. İmin rengi, ögenin -CSS'te Baskınlık ve Kalıtsallık sayfasında anlatılmış olan- işlenmiş değeriyle aynıdır. list-style-imageÖzelliği- CSS
list-style-imageözelliği; dizelge biçiminde gösterilen içerikte CSS desenleri yerine görsel kullanılmasına olanak sağlar. Yalnızca listelere uygulanır.