"Geleceğe atılan doğru bir adım..."
Bilgi Eğitim Bilgisayar Kursu Ders Notları

Web Tasarım Kursu - 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>Bilgiegitim - 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.