CSS list-style-type Özelliği

CSS list-style-type

Css Bir listedeki liste işaretleme çeşidini belirler.

Örnek:

Bu örnekte hem sıralı hemde sırasız liste elemanları üzerinde listeleme işaretlerin sitilini değiştireceğiz.

ul.yuvarlak { list-style-type: circle; } ul.kare { list-style-type: square; } ol.romarakamlari { list-style-type: upper-roman; } ol.alfabetik { list-style-type: lower-alpha; } ul { background-color: pink; } ol { background-color: aqua; }

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

CSS list-style-type CSS list-style-type özellikleri  
Varsayılan Değer: disc  
Kalıtsallık: var  
Animasyon Özelliği: yok  
Versiyon: CSS1  
JavaScript list-style-type: object.style.alignSelf="lower-roman"

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

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

CSS list-style-type Değerleri

list-style-type:value;

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

CSS list-style-type değerleri CSS list-style-type değerleri tanımları CSS örnek uygulamalar
disc Yuvarlak daire şeklinde listeleme işareti oluşur.(içi dolu)
circle Yuvarlak çember içi boş listeleme işareti çıkar.
decimal 1,2,3 olarak sıralama yapar.  
lower-alpha a,b,c .... olarak sıralama yapar.  
lower-roman Küçük roma rakamları ile listeleme yapar i,ii,iii gibi.  
none Listeleme işareti kullanılmaz
square Kare şeklindedir.
upper-latin A,B,C şeklinde sıralama yapar.  
upper-roman Büyük harflerle roma rakmları yazılır.  
initial Özelliğin varsayılan değeridir.  
inherit Kalıtsal değerini taşır.  

Yorumlar

Bu blogdaki popüler yayınlar

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

HTML Resimler

Html5 canvas animasyon dersleri Javascript Yilan Oyunu

Javascript ile neler yapılabilir

HTML blockquote Etiketi Örnek

Linklerin Renklerini Değiştirme Örnek

YouTube Reklam Engelleyici