3.4 List Özellikleri
Bu Css özelligi <ul> ve <li> html etiketleri ile olusturdugumuz listelerin özelliklerini belirlemek için kullanilir.
<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 olmasyny saglar.
circle : Liste biçiminin çember seklinde olmasyny saglar.
square : Liste biçiminin kare olmasyny saglar.
decimal : Liste biçiminin rakamlardan olu?masyny sa?lar.
lower-roman : Liste biçiminin i,ii,iii, gibi roma rakamlarinin küçük harfi olmasini saglar.
upper-roman: Liste biçiminin I,II,II gibi roma rakamlarynyn büyük harfi olmasyny saglar.
lower-alpha : Liste biçiminin a,b,c seklinde olmasini saglar.
upper-alpha: Liste biçiminin A,B,C seklinde olmasini saglar. none : Listenin Simgesiz olmasini saglar.
list-style-position :
inside : Listenin ikinci satirinin en soldan baslamasini saglar.
Outside : Listenin ikinci satirinin ilk satir ile ayni yerden baglamasini saglar.
list-style-image : Liste biçiminin resim olmasini saglar.