CSS ::first-letter সিউডো-এলিমেন্ট ব্যবহার করে আমরা একটি এলিমেন্টের প্রথম অক্ষর স্টাইল করতে পারি। নোট করুন যে विरাম চিহ্ন, ডিগ্রাফ এবং কন্টেন্ট প্রোপার্টি প্রথম অক্ষর পরিবর্তন করতে পারে।
নিচের উদাহরণগুলো CSS ::first-letter সিউডো-এলিমেন্ট প্রদর্শন করে।
উদাহরণ
<!DOCTYPE html> <html> <head> <style> body { text-align: center; } ::first-letter { font-size: 3em; color: sienna; box-shadow: -10px 0 10px green; background-color: gainsboro; } </style> </head> <body> <h2>Proin ut diam eros</h2> <p>Donec rutrum a erat vitae interdum. </p> <p>Integer eleifend lectus sit amet purus semper, ut pharetra metus gravida.</p> </body> </html>
আউটপুট
এটি নিচের ফলাফল দেবে −
উদাহরণ
<!DOCTYPE html> <html> <head> <style> body { text-align: center; } body > * { background-color: slategrey; } ::first-letter { font-size: 1.6em; color: darkviolet; background-color: silver; text-shadow: -15px 8px palevioletred; } </style> </head> <body> <h2>Proin ut diam eros <p>Donec rutrum a erat vitae interdum. </p> <p>Integer eleifend lectus sit amet purus semper, ut pharetra metus gravida.</p> </body> </html>
আউটপুট
এটি নিচের ফলাফল দেবে −
