Temel Seviye
İleri Seviye
Sıralı veya Sırasız listelere ( ol - ul ) stil vermek için " list-style-type " özelliğini kullanacağız. Bu özellik için aşağıda ki değerleri kullanabiliriz.
| Değer | Açıklama |
|---|---|
| armenian | Geleneksel Ermeni Numaralandırması |
| decimal | Normal Numaralandırma |
| decimal-leading-zero | Sayının Önüne Sıfır Koyarak Artar. (01, 02, 03, vb.) |
| georgian | Geleneksel Gürcü Numaralandırması (an, ban, gan, vb.) |
| lower-alpha | Küçük Harflerden Oluşan Alfabe (a, b, c, d, e, vb.) |
| lower-greek | Küçük Harflerden Oluşan Yunan Alfabesi (alpha, beta, gamma, vb.) |
| lower-latin | Küçük Harflerden Oluşan Latin Alfabesi (a, b, c, d, e, vb.) |
| lower-roman | Küçük Harflerden Oluşan Roman Alfabesi (i, ii, iii, iv, v,vb.) |
| upper-alpha | Büyük Harflerden Oluşan Alfabe (A, B, C, D, E, vb.) |
| upper-latin | Büyük Harflerden Oluşan Latin Alfabesi (A, B, C, D, E, vb.) |
| upper-roman | Büyük Harflerden Oluşan Roman Alfabesi (I, II, III, IV, V, vb.) |
Örnek kullanımı görelim...
ul {| Değer | Açıklama |
|---|---|
| none | Liste ikonunu kaldırır. |
| disc | Madde başlarında siyah yuvarlak ikon çıkarır. Varsayılan. |
| circle | Madde başlarında siyah yuvarlak içi boş ikon çıkarır. |
| square | Madde başlarında siyah kare ikon çıkarır. |
Örnek kullanımı görelim...
ul {Sırasız Liste ( Ul ) için verilen değerler yetersiz geldiyse "list-style-image " özelliği tam size göre. Bu özellik ile madde ikonunun yerine görsel kullanabilirsiniz. Örnek kodu görelim.
ul {Tüm tarayıcılarda aynı görüntüyü elde etmek için aşağıda ki gibi bir kod kullanmamız gerekir. Margin ve Padding özelliklerini ilerleyen konularda inceleyeceğiz.
ul {Liste kodlarını yazarken bazı kodları kısaltabiliriz. Örneğin "list-style" yazıp diğer özellikleri arka arkaya bir boşluk bırakarak sıralayabiliriz ve url alanında ki tırnak işaretlerini kullanmayabiliriz.
ul {