---
title: "List Property using CSS3"
description: "In this Article I am explaining the List property using CSS3."
author: "Vijay Shukla"
published: 2012-12-15
updated: 2019-09-07
canonical: https://www.mindstick.com/articles/1084/list-property-using-css3
category: "css-css3"
tags: ["css-css3"]
reading_time: 3 minutes
---
# List Property using CSS3
In this [Article](https://yourviews.mindstick.com/view/81489/kashmir-now-after-an-year-of-abrogation-of-article-370) I am explaining the List [property](https://www.mindstick.com/articles/198559/an-ownership-of-property-in-hua-hin) using CSS3.\
List Property is used for arranging information in lists can make it much easier to understand. List is like bullet and numbering in [MS Word](https://www.mindstick.com/forum/23166/preview-ms-word-excel-powerpoint-document-in-browser).
##### The below code make all types of list in your application:
```
This list position is : inside:
-
ASP.NET- Web Application.
-
ADO.NET - Desktop Application.
This list position is : outside:
-
ASP.NET- Web Application.
-
ADO.NET - Desktop Application.
This list bullet using image:
- mindstick INDIA
- mindstick USA
This list bullet using Circle:
- mindstick INDIA
- mindstick USA
This list bullet using Square:
- mindstick INDIA
- mindstick USA
This list bullet using Roman:
- mindstick INDIA
- mindstick USA
This list bullet using Alpha:
- mindstick INDIA
- mindstick USA
```
list-style-position: inside
This line will work for list position, in this property I will set the value as inside.
list-style-position: outside
This is also work for list position, in this property I will set the value as outside. And outside value make the list in my [application](https://www.mindstick.com/articles/12824/calculator-application-in-android) is outside
Below is [output](https://www.mindstick.com/interview/34427/explain-the-output-in-angular):
**\**
##### List-style-image: url (image path):
**\**This line will make image able bullet in the application URL is provide the path of that image which is make as bullet.
Below is output
\
\
list-style-type:circle:
This line will make a Circle type of bullet in the application.
Below is output
##### list-style-type:square:
This line will make a square type of bullet in the application.
##### Below is output
##### list-style-type: upper-roman :
This line will make a roman type of bullet in the application.
##### Below is output
List-style-type: lower-alpha:
This line will make lower alphabetic type of bullet in the application.
##### Below is output
---
Original Source: https://www.mindstick.com/articles/1084/list-property-using-css3
Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.