CSS Properties: How to specify all the list properties in one declaration ?

Last update on November 18 2023 10:35:09 (UTC/GMT +8 hours)

Solution:

HTML Code:

<!DOCTYPE html>
<html>
<head>
<title>How to specify all the list properties in one declaration</title>
<style type="text/css">
.one {
  list-style: circle;
}
.two {
  list-style: square inside;
}
</style>
</head>
<body>
<p><strong>w3resource Tutorial</strong></p>
<ul class="one">
List 1
<li>HTML5</li>
<li>JavaScript</li>
<li>PHP</li>
</ul>
<ul class="two">
List 2
<li>CSS3</li>
<li>SQL</li>
<li>MySQL</li>
</ul>
</body>
</html>

Live Demo:

See the Pen list-style-answer by w3resource (@w3resource) on CodePen.

See the solution in the browser

Supported browser