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

[Nevedia and #NinjassK]

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: Tümünü Seç Tümünü Kopyala

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: Tümünü Seç Tümünü Kopyala

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: Tümünü Seç Tümünü Kopyala

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: Tümünü Seç Tümünü Kopyala

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: Tümünü Seç Tümünü Kopyala

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: Tümünü Seç Tümünü Kopyala

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