CSS List Property With Example
This tutorial is for CSS List Property With Example. The list-style-type CSS property sets the marker (such as a character, disc, or custom counter and images style) of a list item element. The CSS list properties to set different list item markers for ordered lists. Set an image as the list item marker. And add background colors to lists and list items. I will help you to learn CSS List Property in a simple way with an example that that includes syntax, value, and descriptions. In this example, I will cover list-style property like list-style-image, list-style-type.
Example
<html>
<head>
<style type="text/css">
ul {
list-style-image:url("https://devnote.in/wp-content/uploads/2020/04/cropped-devnote-32x32.png");
list-style-type:circle;
/* square, upper-roman, upper-alpha, lower-roman,
lower-alpha, decimal, disc, none */
}
</style>
</head>
<body>
<ul>
<li>Laravel</li>
<li>Wordpress</li>
<li>PHP</li>
<li>CI</li>
<li>JS</li>
</ul>
</body>
</html>
Saved as a favorite!, I love it!