List Özellikleri
Bu Css özelliği <ul> ve <li> html etiketleri ile oluşturduğumuz listelerin özelliklerini belirlemek için kullanılır.
| <html> <body> <head> <title>Css</title> <style type=”text/css”> <!– li { list-style-type : circle; list-style-position : inside; list-style : decimal; list-style-image : url (“resim.gif”); } –> </style> <body> <ul> <li>Lanetim <li>Html <li>Javascript <li>Css <li>Web Grafik </ul> </body> </html> |
list-style-type :
disk : Liste biçiminin disk (içi dolu yuvarlak) ş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 roma rakamlarının küçük harfi olmasını sağlar.
upper-roman: Liste biçiminin I,II,II gibi roma rakamlarının büyük harfi olmasını sağlar. lower-alpha : Liste biçiminin a,b,c şeklinde olmasını sağlar. upper-alpha: Liste biçiminin A,B,C şeklinde 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.
