list-style all values : list style « CSS « HTML / CSS






list-style all values

   
<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
  <title>CSS Example</title>
  <style rel="stylesheet" type="text/css">
body {
  background-color: #ffffff;
}

li.a {
  list-style: none;
}

li.b {
  list-style: disc;
}

li.c {
  list-style: circle;
}

li.d {
  list-style: square;
}

li.e {
  list-style: decimal;
}

li.f {
  list-style: lower-alpha;
}

li.g {
  list-style: upper-alpha;
}

li.h {
  list-style: lower-roman;
}

li.i {
  list-style: upper-roman;
}
</style>
</head>

<body>
<ul>
  <li class="a">Point one</li>
  <li class="b">Point two</li>
  <li class="c">Point three</li>
  <li class="d">Point four</li>
  <li class="e">Point five</li>
  <li class="f">Point six</li>
  <li class="g">Point seven</li>
  <li class="h">Point eight</li>
  <li class="i">Point nine</li>
</ul>
</body>
</html>

   
    
  








Related examples in the same category

1.'list-style' Example
2.list-style: inside url('exploded_folder.gif')
3.list-style: disc outside url('download.gif')
4.list-style: square url('arrow.png') outside
5.list-style: square url('arrow.png') outside;
6.list-style: url('arrow.png') inside;
7.list-style: square inside;
8.list-style: square url('arrow.png');
9.list style: disc outside url('download.gif');
10.list style with image
11.The image and the position can be specified
12.You can specify only a marker
13.You can specify only the position.
14.You can specify only a marker image
15.The marker and the position can be specified
16.The marker and the image can be specified
17.list-style: url('arrow.png') inside
18.list-style: square inside
19.list-style: square url('arrow.png')
20.list-style: url('arrow.png')
21.list-style: circle
22.list-style: inside
23.LI display: inline;
24.LI padding: 0 19px;
25.LI line-height: 25px;
26.LI based top menu
27.LI Menu