
CSS List Özellikleri
List Özellikleri
Bu Css özelliği <ul> ve <li> html etiketleri ile oluşturduğumuz listelerinözelliklerini belirlemek için kullanılır.
<html>
<head>
<title>Css</title>
<styletype="text/css">
li{
list-style-type : circle;
list-style-position : inside;
list-style : decimal;
list-style-image : url ("resim.gif");
}
</style>
</head>
<body>
<ul>
<li>Bil Eğitim Web Tasarım Kursu - CSS Eğitimi</li>
<li>Html</li>
<li>Javascript</li>
<li>Css</li>
<li>Web Grafik</li>
</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 harfiolması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.