'list-style' Example : list style « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. list style

'list-style' Example

  
    
<html>
<head>
</head>
<body>
<ul style="list-style='circle outside none'"> 
    <li>Item 1.</li>
    <li>Item 2.</li>
    <li>Item 3.</li>
    <li>Item 4.</li>
    <li>Item 5.</li>
</ul>
</body>
</html>








Related examples in the same category

1.list-style: inside url('exploded_folder.gif')
2.list-style: disc outside url('download.gif')
3.list-style: square url('arrow.png') outside
4.list-style: square url('arrow.png') outside;
5.list-style: url('arrow.png') inside;
6.list-style: square inside;
7.list-style: square url('arrow.png');
8.list style: disc outside url('download.gif');
9.list style with image
10.list-style all values
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