CSS list-style-position Özelliği

CSS list-style-position

Css list-style-position özelliğini liste elemanları oluştururken çıkan belirteçlerin/ikonların içerik akışı içersindemi dışarısında mı olacağını düzenlemek için kullanılır.

Örnek:

Bu örnekte iki tane paragraf elemanı içersinde sırasız listeler oluşturulmuştur.İlkinde inside diğerinde ise outside değeri kullanılmıştır.Farkı inceleyiniz.

ul.iceride { list-style-position: inside; } ul.disarida { list-style-position: outside; }

CSS list-style-position nedir nasıl kullanılır

Liste elemanlarının önündeki ikon veya işaretin konumunu ayarlamamıza yarayan css özelliğidir.

inside değeri aldığında

  • Html
  • Css
  • Javascript

outside değeri aldığında

  • Php
  • Asp
  • Perl
CSS list-style-position CSS list-style-position özellikleri  
Varsayılan Değer: outside  
Kalıtsallık: var  
Animasyon Özelliği: yok  
Versiyon: CSS1  
JavaScript list-style-position: object.style.listStylePosition="inside"

CSS list-style-position Tarayıcı Desteği

Tablodaki sayılar özelliği destekleyen ilk tarayıcı versiyonlarıdır.

CSS Kodu:
list-style-position 1.0 4.0 1.0 1.0 3.5

CSS list-style-position Değerleri

list-style-position:inside|outside|initial|inherit;

CSS list-style-position özelliği değerleri

CSS list-style-position değerleri CSS list-style-position değerleri tanımları CSS örnek uygulamalar
inside Listelendirme işareti liste elemanına daha yakın konumdadır.
outside Listelendirme işareti daha dışarıdan başlar.
initial Özelliğin varsayılan değeridir.
inherit Kalıtsal olarak alacağı değerdir.  

Yorumlar

Bu blogdaki popüler yayınlar

Linklerin Renklerini Değiştirme Örnek

HTML Element Referansları

HTML main Etiketi

HTML yorum etiketi ile öğe gizleme örneği

Html dersleri

javascript açıklama satırı

HTML5 Canvas Oyun Yapımı Dersleri

Uyurken Bile Para Kazanmak İster misin

CSS content Özelliği