

- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Setting List Style Type using CSS
To set the list style type in CSS, use the list-style-type property in CSS.
Example
Let us see an example wherein we are setting list style type for unordered list −
<!DOCTYPE html> <html> <head> <style> ul { list-style-type: square; } </style> </head> <body> <h2>Teams</h2> <ul> <li>India</li> <li>Australia</li> <li>England</li> <li>West Indies</li> <li>South Africa</li> <li>Srilanka</li> </ul> </body> </html>
Output
Example
Let us now see an example wherein we are setting list style type for ordered lists (ol) −
<!DOCTYPE html> <html> <head> <style> ol { list-style-type: upper-roman; } </style> </head> <body> <h2>Teams</h2> <ol> <li>India</li> <li>Australia</li> <li>England</li> <li>West Indies</li> <li>South Africa</li> <li>Srilanka</li> </ol> </body> </html>
Output
- Related Questions & Answers
- Setting List Style Type in CSS
- Usage of CSS list-style-type property
- Style input type reset with CSS
- Style input type submit with CSS
- Style input type button with CSS
- Setting Text Color using CSS
- Setting Line Height using CSS
- Setting Background Position using CSS
- Setting Text Alignment using CSS
- Setting Background Image using CSS
- Setting up Background Color using CSS
- Setting Cross Browser Opacity using CSS
- Usage of CSS list-style property
- Setting Margins for Individual Sides using CSS
- Setting Font Size with Pixels using CSS
Advertisements