Presentation is loading. Please wait.

Presentation is loading. Please wait.

CSS-Lists CSS provides special properties that are designed for lists. It is usually more convenient to use these properties whenever you can. To specify.

Similar presentations


Presentation on theme: "CSS-Lists CSS provides special properties that are designed for lists. It is usually more convenient to use these properties whenever you can. To specify."— Presentation transcript:

1

2 CSS-Lists CSS provides special properties that are designed for lists. It is usually more convenient to use these properties whenever you can. To specify the style for a list, use the list-style property to specify the type of marker. The selector in your CSS rule can either select the list item elements (for example, ), or it can select the parent list element (for example, ) so that the list elements inherit the style.

3 List Properties list-style-type list-style-position list-style-image list-style

4 list-style-type Declares the type of list marker used. Possible Values 1.Disc 2.Circle 3.Square 4.Decimal 5.decimal-leading-zero 6.lower-roman 7.upper-roman 8.lower-alpha 9. upper-alpha 10. lower-greek 11. lower-latin 12. upper-latin 13. Hebrew 14. Armenian 15. Georgian 16. cjk-ideographic 17. Hiragana 18. Katakana 19. hiragana-iroha 20. katakana-iroha

5 Examples ol { list-style-type:upper-roman; } ul { list-style-type:square; }

6 list-style-position Declares the position of the list marker. Possible Values 1.Inside 2.outside Examples: ol { list-style-position: inside; } ul { list-style-position: outside; }

7 list-style-image Declares an image to be used as the list marker. It takes URL values. For Example: ul { list-style-image: url(image.jpg); }

8 list-style Shorthand property to declare three list properties at once. Separate values by a space in the following order: list-style-type list-style-position list-style-image

9 Examples ul { list-style: disc inside url(image.gif); } ol { list-style: upper-roman outside; }


Download ppt "CSS-Lists CSS provides special properties that are designed for lists. It is usually more convenient to use these properties whenever you can. To specify."

Similar presentations


Ads by Google