Google ve Youtube Reklamlarını Engelleyen Tarayıcı ve Uygulama İndir

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