list-style all values : list style : List Style HTML CSS TUTORIALS

HTML CSS TUTORIALS » List Style » list style »

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>