Hoşgeldin Ziyaretçi



Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[Bilgi] CSS Sınıflandırma ve Liste Özellikleri
#1
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;
}
Cevapla
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 2 Ziyaretçi


10tl.net Destek Forumu -

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping