Evet arkadaşlar şimdi css'de 2. dersimizi işleyeceğiz.
Bu dersimizde Css List İşleyeceğiz.
Örnekler Koyacam Yine Umarım İyi Bir Şekilde Anlarsınız.

CSS LIST ÖZELLİKLERİ

• List-style-type :
• disk : Liste biçiminin disk (içi dolu daire) şeklinde olmasını sağlar.
• circle : Liste biçiminin çember şeklinde olmasını sağlar.
• square : Liste biçiminin kare olmasını sağlar.
• decimal : Liste biçiminin rakamlardan oluşmasını sağlar.
• lower-roman : Liste biçiminin i,ii,iii gibi küçük roma rakamlarından oluşmasını sağlar.
• upper-roman : Liste biçiminin I,II,II gibi büyük roma rakamlarından oluşmasını sağlar.
• lower-alpha : Liste biçiminin a,b,c şeklinde küçük harf olmasını sağlar.
• upper-alpha : Liste biçiminin A,B,C şeklinde büyük harf olmasını sağlar.
• none : Listenin imgesiz olmasını sağlar.
• list-style-position :
• inside : Listenin ikinci satırının en soldan başlamasını sağlar.
• Outside : Listenin ikinci satırının ilk satır ile aynı yerden başlamasını sağlar.
• list-style-image : Liste biçiminin resim olmasını sağlar.

Aşağıdaki Örnekleri İncelemenizi Tavsiye Ediyorum.

Örnekler
Type

1-
UL {list-style-type : none;}
__________________
2-
UL {list-style-type : disc;}
__________________
3-
UL {list-style-image : url(images/ball2.gif);}
__________________
4-
OL {list-style-type : lower-roman;}
__________________
5-
OL {list-style-type :upper-alpha;}
__________________
Position

1-
UL {list-style-position : outside;}
__________________
2-
UL {list-style-position : inside;}
__________________
Display

1-
UL { display : inline;}
__________________
2-
UL { display : block;}
__________________
3-
UL {display : list-item;}
__________________
4-
UL {display : none;}
__________________

Baya bir örnek paylaştım sizlerle.
Heralde yeterli olur diye düşünüyorum.
Bir dahaki derste görüşmek üzere hoşcakalın.
Kaynak: dersphp.blogspot.com
Alıntı Yaparken Kaynak Belirtirmelisiniz.