Home > Developer > Web Develop
All list style types of CSS, css list style types
<Html>
Use images as list icons
<Html>
1> type select different styles for the project symbol
List-style-type: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana-iroha | lower-latin | upper-latin
Valid value:
Disc: the default value of CSS1. Solid circle
Circle: CSS1 hollow circle
Square: CSS1 solid square
Decimal: CSS1 Arabic numerals
Lower-roman: CSS1 lowercase roman numerals
Upper-roman: CSS1 uppercase roman numerals
Lower-alpha: CSS1 lowercase English letter
Upper-alpha: CSS1 capital English letter
None: CSS1 does not use the project symbol
Armenianl: not supported by CSS2. Traditional Armenia figures
Cjk-ideographic: not supported by CSS2. Definition numbers
Georgian: CSS2 is not supported. Traditional George numbers
Lower-greek: not supported by CSS2. Basic lowercase Greek letters
Hebrew: not supported by CSS2. Traditional Hebrew numbers
Hiragana: not supported by CSS2. Japanese hirakana characters
Hiragana-iroha: not supported by CSS2. Japanese hirakana No.
Katakana: not supported by CSS2. Japanese katakana characters
Katakana-iroha: not supported by CSS2. Japanese Katakana No.
Lower-latin: not supported by CSS2. Lowercase Latin letters
Upper-latin: not supported by CSS2. Uppercase Latin letters
Note:
Sets or retrieves the default tag used by the list items of an object.
If the value of list-style-image is none or the image with the specified url address cannot be displayed, this attribute will take effect.
If the left outer patch (margin-left) of a list project is set to 0, the list project tag is not displayed. The minimum value of the left outer patch (margin-left) can be set to 30.
Only applies to objects with a display property value equal to list-item. Such as li object.
Note: The type attribute of the ol object and ul object indicates the list attribute for all subsequent list items (such as the li object.
This attribute is read-only for currentStyle objects. Other objects can be read and written.
The corresponding script feature is listStyleType.
2> bullet image replaces the project symbol with the corresponding image
List-style-image: none | url)
Valid value:
None: default value. Image unspecified
Url: Specifies an image using an absolute or relative url address.
Note:
Sets or retrieves images marked as list items of an object.
If the value of this attribute is none or the image with the specified url address cannot be displayed, the list-style-type attribute takes effect.
This attribute is read-only for currentStyle objects. Other objects can be read and written... the remaining full text>
Briefly describe the three types of CSS styles created on the webpage? What is the role of each type?
To be accurate, there should be four types of CSS style sheets
1. style sheets in HTML file lines
2. style sheets in the HTML file header
3. Connect to the style sheet in the HTML file
4. Style Sheets entered into HTML files
The first two are internal style sheets and the last two are external style sheets.
The main function of CSS is
1. Supplement HTML code
2. Separation of structure (HTML) and format (CSS)
The internal style sheet can only act as 1
External style sheets can be used for 1, 2
For more information, see relevant materials.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
