Set all list properties in one statement

Example analysis:

The list-style attribute is a shorthand attribute that can set all list attributes in one statement.

The attributes that can be set (in order) are: list-style-type, list-style-position, list-style-image.

You can not set one of the values. For example, "list-style:circle inside;" is also allowed; unset attributes will use their default values.

Description:

● list-style-type: Set the type of list item tag. See: Possible values in list-style-type.

●List-style-position: Set where to place the list item mark. See: list-style-position for possible values.

● list-style-image: Use an image to replace the markup of a list item. See: list-style-image for possible values.

Next Section

new file

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style>
ul 
{
	list-style:square url('https://img.php.cn/upload/article/000/000/015/5c6e720242040312.gif');
}
</style>
</head>

<body>
<ul>
<li>PHP</li>
<li>JavaScript</li>
<li>MySQl</li>
</ul>
</body>
</html>

submit Reset Code

Automatic operation

Full Screen