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.

Continuing Learning

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

Set all list properties in one statement

ElementaryImperial CMS enterprise imitation website tutorial

ElementaryNewbies with zero foundation in WordPress build personal blogs and corporate websites

ElementaryUltimate CMS zero-based website building instruction video

ElementaryFront-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]

IntermediateVue3.0 from 0 to build a universal backend management system project practice

ElementaryZero-based front-end course [Vue advanced learning and practical application]

ElementaryWEB front-end tutorial [HTML5+CSS3+JS]

ElementaryQuick introduction to apipost

IntermediateVue3+TypeScript practical tutorial-enterprise-level project practice

ElementaryLet's briefly talk about starting a business in PHP

IntermediateVUE e-commerce project (front-end & back-end dual project actual combat)

ElementaryApipost practical application [api, interface, automated testing, mock]