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>Web Teknikleri
<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.