CSS Beginners Guide part 7 - Styling the List items | Lessoncup Programming Blog

Wednesday, 30 October 2013

CSS Beginners Guide part 7 - Styling the List items

CSS providing listing properties to style the list items, we have two types of list items unordered list it marked with bullets and ordered list marked with numbers, we have different types of markers in both list types, we use images as a markers. if you don't need to display markers you can set none by using list-style-none property,  by default UL or OL take the margins and padding's so set it to 0 value to both elements.

List item markers

We can apply different types of markers using list-style-type property
ex:
<style>

ul{list-style-type:circle};

</style>

Image as markers

We use list-style-image property to apply image as a marker to list items
ex:
<style>
ul{

list-style-image:url('mybox.jpg'); // set the text size to 14px

}
</style>

No comments :

Post a Comment

Mohammad Khasim
Blogger | Web Developer
Hyderabad - INDIA
lessoncup@gmail.com

PHP | My SQL | JQUERY
Web Development Tools | CMS | Frameworks | SEO

Get my Latest Lessons