CSS-এ text-justify প্রপার্টি টেক্সট জাস্টিফিকেশন (justification) পদ্ধতি নির্ধারণ করতে ব্যবহৃত হয়, যখন text-align: justify সেট করা থাকে। সম্ভাব্য মানগুলো:
text-justify: auto | inter-word | inter-character | none | initial | inherit;
উদাহরণ: inter-word জাস্টিফিকেশন
<!DOCTYPE html> <html> <head> <style> div { text-align: justify; text-justify: inter-word; color: white; background-color: gray; } </style> </head> <body> <h2>Demo Heading</h2> <div>This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. </div> </body> </html>
আউটপুট
এখন ব্রাউজার রিসাইজ করুন:
মানগুলো:
- auto: ব্রাউজার স্বয়ংক্রিয়ভাবে নির্ধারণ করে
- inter-word: শব্দের মাঝপথে স্পেস বাড়িয়ে জাস্টিফাই করে (ইংরেজির জন্য আদর্শ)
- inter-character: অক্ষরের মাঝপথে স্পেস বাড়িয়ে জাস্টিফাই করে (CJK ভাষার জন্য উপযুক্ত)
- none: জাস্টিফিকেশন নিষিদ্ধ করে
টিপস: বাংলা বা ইংরেজি টেক্সটের জন্য inter-word সাধারণত সেরা ফলাফল দেয়।
