About CSS List style properties List-style

Source: Internet
Author: User
Tags lowercase
List-style


definition: A shorthand property used to set all the properties of a list in a declaration, which is a shorthand property that covers all other list-style properties and is used only for objects with display values equal to List-item (such as Li objects).


Related: list-style-image | | list-style-position | | List-style-type


List-style-image


Description: Sets or retrieves an image that is marked as a list item for an object. The List-style-type property will work if this property has a value of none or a picture that specifies a URL address cannot be displayed.


Value:


None: Default value. Do not specify image


url (URL): Specifies an image using an absolute or relative URL address


list-style-position


Description: Sets or retrieves how list item tags as objects are arranged according to text. If the left outer patch (MARGIN-LEFT) of a list item is set to 0, the list item tag is not displayed. The left outer patch (MARGIN-LEFT) can be set to a minimum of 30. Used only for objects with display property values equal to List-item. such as the Li object.


Value:


outside: Default value. List item tags are placed outside the text, and the wrapping text is not aligned according to the Mark


Inside: List item tags are placed within the text, and the wrapping text is aligned according to the Mark


List-style-type


Description: Sets or retrieves the preset tags used by the list items of an object. This property will work if the List-style-image property value is None or a picture that specifies a URL address cannot be displayed.


Value:


Disc:css1 Solid Circle


Circle:css1 Hollow Circle


Square:css1 Solid Square


Decimal:css1 Arabic numeral


Lower-roman:css1 lowercase roman numeral


Upper-roman:css1 Capital Roman numeral


Lower-alpha:css1 lowercase English letter


Upper-alpha:css1 Capital English letter


None:css1 does not use bullets


Armenian:css2 The traditional Armenian digital


Cjk-ideographic:css2 Plain ideographic Digital


Georgian:css2 The traditional George digital


lower-greek:css2 Basic Greek lowercase letter


Hebrew:css2 the traditional Hebrew digital


hiragana:css2 Japanese plain kana character


hiragana-iroha:css2 Japanese hiragana serial number


katakana:css2 Japanese piece kana character


katakana-iroha:css2 Japanese Katakana serial number


Lower-latin:css2 Lowercase Latin


Upper-latin:css2 Uppercase Alphabet
Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.