Shulou(Shulou.com)06/01 Report--

This article mainly shows you the "css list-style list style attributes how to use", the content is easy to understand, clear, hope to help you solve doubts, the following let Xiaobian lead you to study and learn how to use the list-style list style attributes in css "this article.

I. inspiration and usefulness of list-style

List-style is the name of the settings list li. For example, li is followed by Arabic numerals, dots, solid circles, pictures, hollow circles, lowercase English ink letters, capital calligraphy letters, radical Armenian numerals, and so on.

II. Grammar

1. Grammar:

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

We know that the html syntax instantiation li must be applied in ul or ol, so introduce pictures to ul or ol or set up equipment list-style-image as the back mechanism material of li. But usually div css organizations do not take this approach to configure the back of the li picture material, usually directly set up the li equipment backing image, how compatible better, easier to control.

We use the list-style-type attribute of list-style to set the default trailing style of li.

Acquiesce in the pattern of ul li and ol li

2. The value and explanation of list-style-type

The following may come up to test and see the various value achievements.

Parameters:

Disc: CSS1 solid circle

Circle: CSS1 hollow circle

Square: CSS1 solid square

Decimal: CSS1 Arabic numerals

Lower-roman: CSS1 capitalized Roman numerals

Upper-roman: CSS1 capitalized Roman numerals

Lower-alpha: CSS1 Capital English calligraphy letter

Upper-alpha: CSS1 capital letters

None: CSS1 does not use engineering tags

Armenian: CSS2 radical Armenian numbers

Cjk-ideographic: CSS2's simple ideographic number

Georgian: CSS2's staid George number

Lower-greek: the basic Greek capital letter of CSS2

Hebrew: CSS2 conservative Hebrew numbers

Hiragana: CSS2 Japanese hiragana character

Hiragana-iroha: CSS2 Japanese flat name serial number

Katakana: CSS2 Japanese katakana character

Katakana-iroha: CSS2 Japanese film alias serial number

Lower-latin: CSS2 capital Latin letter

Upper-latin: CSS2 capital Latin letter

Third, the structure is the same as common practice

Usually when a web page is organized, CSS should remove the three ul ol li list list-style tricks as early as possible, and it is also to be compatible with major browsers. Cancel the list tag default list-style.

Ban the list-style style code for ul li ol:

Ul,ol,li {list-style:none} above is all the content of the article "how to use list-style list style attributes in css". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, 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.