CSS-এ টেক্সট রূপান্তরের জন্য text-transform প্রপার্টি ব্যবহার করা হয়, যার নিম্নলিখিত মানগুলো রয়েছে:
text-transform: none | capitalize | uppercase | lowercase | initial | inherit;
উদাহরণ: Uppercase রূপান্তর
নিচের উদাহরণে সকল টেক্সট বড় হাতের অক্ষরে (uppercase) রূপান্তরিত হবে:
<!DOCTYPE html> <html> <head> <style> div { line-height: 1.9; text-transform: uppercase; } </style> </head> <body> <h1>Demo Heading</h1> <div> <p>This is demo text.<br> This is another demo text. </p> </div> </body> </html>
আউটপুট
উদাহরণ: Lowercase রূপান্তর
এখানে সকল টেক্সট ছোট হাতের অক্ষরে (lowercase) রূপান্তরিত হবে:
<!DOCTYPE html> <html> <head> <style> div { text-transform: lowercase; } </style> </head> <body> <h1>Demo Heading</h1> <div> <p>THIS is demo text.<br> This is ANOTHER demo text. </p> </div> </body> </html>
আউটপুট
প্রধান মানগুলো:
- none: কোনো রূপান্তর নয় (ডিফল্ট)
- capitalize: প্রতিটি শব্দের প্রথম অক্ষর বড় হাতের
- uppercase: সকল অক্ষর বড় হাতের
- lowercase: সকল অক্ষর ছোট হাতের
- initial: ডিফল্ট মান সেট করে
- inherit: প্যারেন্ট এলিমেন্ট থেকে মান গ্রহণ করে
