CSS text-align প্রতিভূতি
- পূর্বপাশে table-layout
- পরবর্তী পৃষ্ঠা text-align-last
বিবরণ ও ব্যবহার
text-align প্রতিভূতি এলিমেন্টের মধ্যে টেক্সটের হলস্টাইনিং মোড নির্ধারণ করে。
এই প্রতিভূতি, লাইন বক্স এর কোন নয়াকে কোন নয়ার সাথে মিলিত করে, ব্লক এলিমেন্টের ভিতরের টেক্সটের হলস্টাইনিং মোড সেট করে। অলফবেট এবং শব্দের মধ্যে স্পেসিং করে, ব্যবহারকারী এজেন্টকে অনুমতি দিয়ে যাতে লাইন কনটেন্টের স্পেসিং করা যায়, justify মানকে সমর্থন করে; ভিন্ন ব্যবহারকারী এজেন্টগুলির কাছে ভিন্ন ফলাফল পাওয়া যেতে পারে。
অন্যান্য দেখুন:
CSS টিউটোরিয়াল:CSS টেক্সট
HTML DOM রেফারেন্স ম্যানুয়েল:textAlign প্রতিভূতি
প্রয়োগ
h1, h2, h3 এলিমেন্টের টেক্সট অলস্টাইনিং মোড সেট করুন:
h1 {text-align:center;}
h2 {text-align:left;}
h3 {text-align:right;}
CSS সিনট্যাক্স
text-align: left|right|center|justify|initial|inherit;
প্রতিভূতি
| মান | বর্ণনা |
|---|---|
| left | টেক্সট লেফট এক্সেন্ট্রিক করুন। ডিফল্ট মান: ব্রাউজার দ্বারা নির্ধারিত |
| right | 把文本排列到右边。 |
| center | 把文本排列到中间。 |
| justify | 实现两端对齐文本效果。 |
| inherit | পারিবাহিক ইলিমেন্ট থেকে text-align এলাকার মান উত্তরাধিকার করা হবে。 |
মান justify
সর্বশেষ স্তরবর্গীয় সামান্য এলাকা justify হল, যা নিজের নিজের সমস্যা নিয়ে আসে。
মান justify টেক্সটকে দুই পাশে সামান্য করতে পারে। দুই পাশের সামান্য টেক্সটে, টেক্সট লাইনের দুই পাশেই পারিবাহিক ইলিমেন্টের প্রতিবন্ধকতা থেকে দূরে রাখা হয়। তারপর, শব্দ এবং অক্ষরের মধ্যে স্পেস সমান করে, যার ফলে প্রতিটি লাইনের দৈর্ঘ্য একই হবে। আপনি হয়তো নজর দিয়েছেন যে, দুই পাশের সামান্য টেক্সট প্রিন্ট ক্ষেত্রে ব্যবহৃত হয়। কিন্তু, CSS-এ, এটি আরও বেশি কিছু ভেবে উপলব্ধি করা উচিত।
দ্বিপাশের সামান্য টেক্সটকে পূর্ণ করার জন্য, ব্যবহারকারী এক্সেকিউটর (না CSS) দ্বারা নির্ধারিত করা হবে কিভাবে সামান্য করা হবে। উদাহরণ হিসাবে, কিছু ব্রাউজারকে শব্দের মধ্যে অতিরিক্ত স্পেস যোগ করতে পারে, আরও কিছু ব্রাউজারকে অক্ষরের মধ্যে অতিরিক্ত স্পেস সমতুল করতে পারে (তবে CSS নিয়মনীতি বিশেষভাবে উল্লেখ করেছে, যদি) letter-spacing এলাকাএকটি দৈর্ঘ্য মান হিসাবে নির্দিষ্ট করা হয়, "ব্যবহারকারী এক্সেকিউটর অতিরিক্ত অথবা অপসারণ করতে পারবে না"। আরও কিছু ব্যবহারকারী এক্সেকিউটর কিছু লাইনের স্পেস কমাতে পারে, যার ফলে টেক্সটকে আরও কান্ডার করা হবে। এই সমস্ত পদ্ধতি এলিমেন্টের দেখবার মান প্রভাবিত করবে, যার মধ্যে উপযুক্ত ব্যবহারকারী এক্সেকিউটরের সামান্য সামান্য ব্যবহার প্রভাবিত করবে。
CSS-এরও কোনো নির্দেশ নেই কিভাবে হাইফেনকে হস্তক্ষেপ করা হবে (পরীক্ষা 1)। দ্বিপাশের সামান্য টেক্সটকে অধিকাংশ ব্রাউজারকে হাইফেন দিয়ে দুই পাশের টেক্সটকে ভাগ করে দেয়, যার ফলে কথাসংখ্যা বৃদ্ধি পায় এবং টেক্সট লাইনের দেখবার মান বৃদ্ধি পায়। কিন্তু, CSS-এর হাইফেন ব্যবহার নির্দিষ্ট না হওয়ায়, ব্যবহারকারী এক্সেকিউটর স্বয়ংক্রিয়ভাবে হাইফেন যোগ করতে পারবেন না। তাই, CSS-এর মধ্যে, দ্বিপাশের সামান্য টেক্সট প্রিন্ট করা হলে দেখতে খারাপ হবে, বিশেষ করে, যদি এলিমেন্ট খুব সবল হয়, তবে প্রতিটি লাইনে কেবল কয়েকটি শব্দ রয়েছে। তবে, সবল ডিজাইন ইলিমেন্ট ব্যবহার করা যেতে পারে, কিন্তু সংশ্লিষ্ট দিকগুলিতে সতর্ক থাকতে হবে。
পরীক্ষা 1:CSS-এর মধ্যে কিভাবে হাইফেনকে হস্তক্ষেপ করা হয় বলে কোনো উল্লেখ নেই কারণ ভিন্ন ভিন্ন ভাষায় হাইফেনের নিয়ম ভিন্ন। নিয়মনীতি এমন অসমপর্যায়ী নিয়মগুলিকে সমন্বয় করার চেষ্টা করেনি, বরং এই প্রশ্নটি উল্লেখ করেনি。
প্রযুক্তিগত বিবরণ
| ডিফল্ট মান: | যদি direction এলাকা ltr হলে, ডিফল্ট মান left; যদি direction rtl হলে, right হবে。 |
|---|---|
| পুনর্বিন্যাস: | হ্যাঁ |
| সংস্করণ: | CSS1 |
| JavaScript সংজ্ঞা: | object.style.textAlign="right" |
আরও উদাহরণ
- টেক্সট সামান্য করা
- এই উদাহরণ থেকে কিভাবে টেক্সটকে সামান্য করতে পারি দেখানো হয়েছে。
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এই প্রক্রিয়াটির প্রথম ব্রাউজার সংস্করণটির পূর্ণ সমর্থন নির্দেশ করে。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
- পূর্বপাশে table-layout
- পরবর্তী পৃষ্ঠা text-align-last
