सिंटैक्स
CSS ::marker चयनकर्ता का सिंटैक्स इस प्रकार है -
Selector::marker {
attribute: /*value*/;
} उदाहरण
निम्नलिखित उदाहरण CSS ::marker चयनकर्ता को दर्शाते हैं।
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style: circle;
font-size: 1.2em;
}
li::marker {
color: green;
}
</style>
</head>
<body>
<h2><strong>TMNT</strong></h2>
<ul>
<li>Raphael</li>
<li>Donatello</li>
<li>Michaelangelo</li>
<li>Leonardo</li>
</ul>
</body>
</html> यह निम्न आउटपुट देता है
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style: square;
overflow: hidden;
}
li::marker {
color: green;
}
li {
width: 15%;
margin: 2%;
float: left;
box-shadow: inset 2px 0px 10px lightblue;
}
</style>
</head>
<body>
<ul>
<li>ting</li>
<li>tong</li>
<li>ding</li>
<li>dong</li>
</ul>
</body>
</html> यह निम्न आउटपुट देता है
