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 ;)

0 Yorum:

Yorum Gönder

Yorumunuz Başarıyla İletilmiştir. Kinger veya Takipçisi iseniz Puanınız Eklenecektir. Teşekkürler.

 
Wolder King © 2014. All Rights Reserved. Powered by Blogger
Top
Verification: 4ee027a2dd0c4225