সিনট্যাক্স
CSS ::মার্কার নির্বাচকের সিনট্যাক্স নিম্নরূপ -
Selector::marker { attribute: /*value*/; }
উদাহরণ
নিম্নলিখিত উদাহরণগুলি CSS ::মার্কার নির্বাচককে চিত্রিত করে।
<!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>
এটি নিম্নলিখিত আউটপুট দেয়