CSS List and its Example

CSS List :

There are two main types of lists in HTML — Ordered and Unordered

  • Ordered: lists (<ol></ol>), the order of the list items is important. The items may appear in order by number, roman numeral, alpha numeral, or another type of marker. The default marker for ordered lists is a number.

  • Unordered: In Unordered lists (<ul></ul>), the order of the list items does not matter. The items appear in bullet format. The default marker for unordered lists is a round bullet point or disc.

Ordered List

Unordered: In Unordered lists (<ul></ul>), the order of the list items does not matter. The items appear in bullet format. The default marker for unordered lists is a round bullet point or disc.

Example : default property

  1. Learn C programming
  2. Learn C++ Programming
  3. Learn Python Programming
  4. Learn java Programming
  5. Learn JavaScript Programming
  6. Learn Html Designing
  7. Learn css Tutorials
  8. Learn php Programming
  9. Learn sql Data Base

Unordered List: default property

Unordered: In Unordered lists (<ul></ul>), the order of the list items does not matter. The items appear in bullet format. The default marker for unordered lists is a round bullet point or disc.


Example :



Using CSS list property : list-style-type:square;


Output :

    
	
  • Coffee
    • 

  • Tea
    • 

  • Milk


Using CSS list property : list-style-type:none;


Output :

    
	
  • Coffee
    • 

  • Tea
    • 

  • Milk