Chapter 14 : CSS Lists

Posted by Muhammad Shiraz Kamboh Sunday 27 May 2012 0 comments
Inherited: Yes

List Style

You can control the appearance of ordered and unordered lists in one declaration with the list-style property
list-style: value value;


Values:
  • image
  • position
  • type
Or you can control them individually

List Style Image

You can use an image for the bullet of unordered lists with thelist-style property
list-style-image: url(path_to_image.gif, jpg or png);
If you use an image, it is a good idea to declare the list-style-type also in case the user has images turned off.

List Style Position

You can control the position of ordered and unordered lists with the list-style-position property
list-style-position: value;
Values
  • inside
  • outside

List Style Type

You can control the type of bullet ordered and unordered lists use with the list-style-type property
list-style-type: value;
Values
  • disc
  • circle
  • square
  • decimal
  • lower-roman
  • upper-roman
  • lower-alpha
  • upper-alpha
  • none

Popular Posts

About Me

My photo
I create this Blog for learn the all kind of tutorial about web developing | HTML, Java, PHP, Graphic designing, Corel Draw, Photoshop, Micromedia Flash, Swish and many more related software and internet programming tutorials.

Followers

Blog Archive