HTML DHTML CSS

CSS de List Özellikleri

Etiketler :
list, css, ul, li, div, list-style- type,

Okunma Sayısı : 88 Yayınlanma Tarihi : 21.03.2008 Yayınlayan : Akın Bostancı

12345678910 Puanla

Bu Makaleye 0 kişi puan vermiştir. Ortalama Puan: 0

Özet :
Bu Css özelliği UL ve LI html etiketleri ile oluşturduğumuz listelerin özelliklerini belirlemek için kullanılır.

HTML:
<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>
   <div>
      <ul>
         <li>Web Teknikleri </li>
         <li>Html </li>
         <li>Javascript </li>
         <li>Css </li>
         <li>Web Grafik </li>
      <ul>
   <div>
</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.