Home / CSS / Chapter 14 : CSS Lists

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
Categories:

If You Like This Post, Share it With Your Friends

Popular Posts

  • Facebook Funny Status
    Your Name: feels like getting some work done...and so he is sitting down until the feeling passes. Your Name: used to play sports. Then s...
  • HTML/XHTML Character Entities
    Here is a set of tables containing the 252 allowed entities in HTML 4 and XHTML 1.0, as described in section 24 of the official HTML 4 speci...
  • Sending emails in PHP & email injection attacks
    PHP’s inbuilt mail() function provides very limited mail functionality. Although its easy to send text emails, but thats pretty much the on...
  • How Give A Kid an evil Look
    A. Open the photo Two. Duplicate the original layer and call it "Eyes" (well, this is purely for convenience :) Three. Change the...
  • Create HTML Form in Seconds
    Create Online Simple awesome HTML Form with easy 3 Steps Click Here to  Create PHP, HTML Form
  • Smileys and Emoticons With Names
    A smiley is a sequence of characters on your computer keyboard. If you...
  • Chapter 16 : CSS Classification
    Inherited: No Clear You can control if an element allows floated elements to its sides with the  clear  property clear: value;
  • Text art and ascii Picture Online Generator
    Text art and ASCII Picture Online Generator Do you want to make nice ASCII art for your email signature/blog profile like this? +-+-+-+-+-...
  • Invisible Flash Button tutorial
    I am going to show you how to create the Invisible Button in flash 8 on a simple way. Example: Step 1 Open a new Flash document. Sele...
  • Mouse animation
    See this example and learn how to create cool animation using the mouse. To make this example, you also have to use action script code. Wh...

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

Copyright © iCatch Web Tutorials. All rights reserved. designed by Muhammad Shiraz Kamboh