[Bilgi] CSS Sınıflandırma ve Liste Özellikleri

**Nevedia and #NinjassK** · 09-01-2015, 05:27 AM

Liste özelliği ilk olarak listeleme amaçlı kullanılsa da şimdilerde menü yapımında kullanımı revaçtadır.

--------------------

» list-style
» list-style-type
» list-style-image
» list-style-position
» white-space
» display

---------------------

» list-style-type

list-style-type özelliği list-item işaretinin tipini belirler. list-style-images özelliği none değeri aldığında veya resim görüntülenemediğinde kullanılır.

Kod:

Kod:

ul.arabalar {
    list-style-type: none
}
ol ol ol {
    list-style-type: lower-roman /* i ii iii iv v gibi. */
}

» list-style-image

list-style-image özelliği list-style işaretinin yerine resim koymak için kullanılır.

Kod:

Kod:

ul{
    list-style-image: url(mavitop.gif)
}

» list-style-position

list-style-position özelliği list-item işaretlerin metinin içinden(inside) veya soldan dışında(outside) mı olacağını belirler.

Kod:

Kod:

ul{
    list-style-position: inside
}

» list-style

list-style özelliği list-style-type, list-style-position ve list-style-image özelliklerinin kısayoludur.

Kod:

Kod:

ul{
    list-style: disc outside
}
ol{
    list-style: decimal inside
}

» white-space

white-space özelliği elemetlerin boşluklarının nasıl işlem göreceğini belirler. değer alır.

Kod:

Kod:

p {
  white-space: pre;
}

» display

display özelliği elemetlere aşağıdaki dört değerden birini atamak için kullanılır.

Kod:

Kod:

p {
    display: inline;
}
em {
    display: block;
}