सिंटैक्स
CSS ::marker सेलेक्टर का सिंटैक्स निम्नानुसार है:
Selector::marker { attribute: /*value*/; }
उदाहरण 1
निम्न उदाहरण 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>
इससे निम्न आउटपुट मिलता है:
उदाहरण 2
<!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>
इससे निम्न आउटपुट मिलता है:
