How to use list-style attribute to control li tag style in CSS

This article mainly introduces the CSS how to use the list-style attribute to control li tag style related knowledge, the content is detailed and easy to understand, the operation is simple and fast, with a certain reference value, I believe that you read this CSS how to use the list-style attribute to control li tag style article will have a harvest, let's take a look.

The list_style property is used to modify the properties of the list

The format is as follows:

List_style: list item tag type list item tag location list item tag

You can also set list item tags individually:

List-style-type is used to set the list item type:

The default is disc, which is a solid circle

Common value: none null

Circle hollow circle

Square solid square

Decimal digit

Lower-latin lowercase Latin letter a dint bjorn c.

Upper-latin Capital letter A Magi B Mei C...

List-style-position is used to set the location of the list items:

The default value, outside, indicates that it is outside the li tag, which is where you can see the tag by adding a border to the li border:1px solid red;.

Inside means that the tag is inside the li tag, which can also be seen clearly when you add a border.

List-style-image is used to set the tag to replace list items with images:

Default value: none

Optional value: URL, formatted as url ("url address")

For example:

The code is as follows:

Untitled document ul {border:1px solid red;} li {border:1px solid red; list-style:disc outside url (news_list.gif); list-style-position:5px;} Hello how to use the list-style attribute in CSS to control the li tag style this article ends here, thank you for reading! I believe that everyone has a certain understanding of the knowledge of "how to use list-style attributes to control li tag style in CSS". If you want to learn more, you are welcome to follow the industry information channel.