সিনট্যাক্স
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>
এটি নিচের আউটপুট দেয়:
