Shulou(Shulou.com)05/31 Report--

In this article, Xiaobian introduces in detail how to use the attributes of the list-style list in CSS. The content is detailed, the steps are clear, and the details are handled properly. I hope that this article "how to use the attributes of the list-style list in CSS" can help you solve your doubts.

Parsing the CSS list style property list-style

◆ list-style

Definition: an abbreviated property used to set all properties of a list in a declaration, which is an abbreviated property that covers all other list style properties and works only on objects with displayvalue equal to list-item (such as the li object).

Related: list-style-imagelist-style-positionlist-style-type

◆ list-style-image

Description: sets or retrieves an image marked as a list item for an object. The list-style-type property takes effect if this property has a value of none or a picture with the specified url address cannot be displayed.

Value:

None: default value. Do not specify an 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 will not be displayed. The minimum left external patch (margin-left) can be set to 30. Works only on objects with a value of the display property equal to list-item. Such as li objects.

Value:

Outside: default value. The list item tag is placed outside the text, and the surrounding text is not aligned according to the tag

Inside: the list item tag is placed within the text, and the surrounding text is aligned according to the tag

◆ list-style-type

Description: sets or retrieves the preset tag used by the list item of an object. This property takes effect if the list-style-image attribute value is none or a picture with the specified url address cannot be displayed.

Value:

Disc: CSS1 solid circle

Circle: CSS1 hollow circle

Square: CSS1 solid square

Decimal: CSS1 Arabic numerals

Lower-roman: CSS1 lowercase Roman numeral

Upper-roman: CSS1 capitalized Roman numerals

Lower-alpha: CSS1 lowercase letter

Upper-alpha: CSS1 capital letters

None: CSS1 does not use bullets

Armenian: CSS2 traditional Armenian numerals

Cjk-ideographic: CSS2's simple ideographic number

Georgian: CSS2's traditional George number

Lower-greek: the basic Greek lowercase letter of CSS2

Hebrew: CSS2 traditional Hebrew digits

Hiragana: CSS2 Japanese hiragana character

Hiragana-iroha: CSS2 Japanese hiragana serial number

Katakana: CSS2 Japanese katakana character

Katakana-iroha: CSS2 Japanese katakana serial number

Lower-latin: CSS2 small Latin letter

Upper-latin: CSS2 capital Latin letter

After reading this, the article "how to use the list-style list attributes in CSS" has been introduced. If you want to master the knowledge of this article, you still need to practice and use it to understand it. If you want to know more about related articles, welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.