Css Eğitimi Ders 7-Listeler

Merhaba,
Bu derste listeleme yaparken özellikleri kullanmayı öğreneceğiz. Şekillendirme, değiştirme vs. Hemen Başlayalım.

Listeler

Madde Şekli:

Madde şekillerini 2 yerde kullanırız. Numaralı ve şekilli listeler. Yani "ol" ve "ul". Bir örnek ile madde şekillerini daire, sayıları roman rakamları yapalım:

ul {

list-style-type: disc;

}

ol {

list-style-type: upper-roman;

}

Bu stili kullanırsak tüm madde listelerinin başında daire, sayı listelelerinin başında roman rakamları listelenir. Buna pek çok örnek verilebilir.

     Ul Stilleri

• circle: İçi boş daire
• disc: Daire
• square: Kare
• none: Boş

     Ol Stilleri

• armenian
• decimal
• decimal-leading-zero
• lower-alpha
• lower-greek
• lower-latin 
• lower-roman
• none 
• upper-alpha
• upper-latin
• upper-roman

Not: Bunları yazamadım çünkü çoğunu hatırlamıyorum ve alıntı yaptım. Orada da yoktu. Size ödev öğrenin gelin :)

Madde şekli yerine resim de kullanabiliriz. Örneğin:

ul { 

list-style-image: url('resim.png'); 

}

Not: Resim yerine gif'de kullanılabilir.

İnside-Outside

Madde işaretinin içinde mi dışında mı olacağıdır. Örneğin:

ul { 

list-style-position: inside; 

}

Bu şekilde madde işareti içeri kısımda başta olacaktır.

Bu derslik bu kadar. Çalışın ve ödevi unutmayın. Bu arada tüm "ol" özelliklerini bulana bir süprizim var ;)