CSS tutorial-format list


CSS

Format list

By using list-style property of unordered list or ordered list (<ul> or <ol>) you can set all the attributes for a list. This allows you to access to the list-style-tyle, list-style-position, and list-style-image.

Note:

The values of the list-style-type are bullets. They can be disc, circle, square, decimal, upper –roman, lower-roman, upper-alpha, and lower-alpha. The values of list-style-position can be inside or outside. The value of list-style-image is the image file to be used in the list.

 

Example:

<html>

<head>

<title>Format list</title>

<style>

  

    #menu li{

           

            list-style: circle inside url(image294.gif)  ;

            float: center;

            font: normal 12pt Couriew New

           

                 }

</style>

</head>

<body>

    <strong>Computer tutorials</strong>

   <hr/>

    <ul id="menu">

    <li>C programming tutorial

    <li>C++ programming tutorial

    <li>Java programming tutorial

    <li>CSS tutorial

    <li>HTML tutorial

   </ul>

  </body>

</html>




Comments





This website intents to provide free and high quality tutorials, examples, exercises and solutions, questions and answers of programming and scripting languages:
C, C++, C#, Java, VB.NET, Python, VBA,PHP & Mysql, SQL, JSP, ASP.NET,HTML, CSS, JQuery, JavaScript and other applications such as MS Excel, MS Access, and MS Word. However, we don't guarantee all things of the web are accurate. If you find any error, please report it then we will take actions to correct it as soon as possible.