সিএসএস(৩) text-align-last প্রোপার্টি
ব্রাউজার সাপোর্ট
| property | Google Chrome | Edge | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
| text-align-last | ৪৭.০ | ৫.৫ | ১২.০ | সাপোর্ট করে না। | ৩৪.০ |
সংজ্ঞা ও ব্যবহার
text-align-last প্রোপার্টি একটি টেক্সট এর শেষ লাইনকে কিভাবে সাজানো হয় তা নির্ধারন করে।
পরামর্শঃ
- text-align-last প্রোপার্টি শুধু এলিমেন্টের জন্য কাজ করে এবং text-align প্রোপার্টি justify সেট করে।
| Initial Value: | Inherited: | Animatable: |
|---|---|---|
| auto | না | না। আরোও জানতে animatable অধ্যায় ভিজিট করুন। |
সিএসএস সিনট্যাক্স
text-align-last: auto/left/right/center/justify/start/end/initial/inherit;
শেষের লাইনকে <p> এলিমেন্টের ডানদিকে নিয়ে যায়ঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>css referance example</title>
<style>
div {
text-align: justify;
-moz-text-align-last: right; /* Code for Firefox */
text-align-last: right;
}
</style>
</head>
<body>
<div>
চাঁদপুর হলো ইলিশের শহর। চাঁদপুর পদ্মা, মেঘনা ও ডাকাতিয়া এই তিনটি নদীর মিলনস্থল।চাঁদপুরে অসংখ্য শিক্ষা প্রতিষ্ঠান আছে।
চাঁদপুরে একটি স্টেডিয়াম আছে। চাঁদপুরে অনেক গুলো নির্দশণের মধ্যে রক্তধারা একটি। চাঁদপুরে একটি শিল্পকলা একাডেমি
রয়েছে। আর এই চাঁদপুরেই আমাদের স্যাট একাডেমির সূচনা। স্যাট একাডেমি সম্পূর্ণ ফ্রি আইটি শিক্ষা প্রতিষ্ঠান।
</div>
</body>
</html>
ফলাফল
জাভাস্ক্রিপ্ট সিনট্যাক্স
object.style.textAlignLast="right"উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>css referance example</title>
<style>
#trans {
text-align: justify;
}
</style>
</head>
<body>
<div id="trans">
চাঁদপুর হলো ইলিশের শহর। চাঁদপুর পদ্মা, মেঘনা ও ডাকাতিয়া এই তিনটি নদীর মিলনস্থল।চাঁদপুরে অসংখ্য শিক্ষা প্রতিষ্ঠান আছে।
চাঁদপুরে একটি স্টেডিয়াম আছে। চাঁদপুরে অনেক গুলো নির্দশণের মধ্যে রক্তধারা একটি। চাঁদপুরে একটি শিল্পকলা একাডেমি
রয়েছে। আর এই চাঁদপুরেই আমাদের স্যাট একাডেমির সূচনা। স্যাট একাডেমি সম্পূর্ণ ফ্রি আইটি শিক্ষা প্রতিষ্ঠান।
</div>
<button onclick="myFunc()">ক্লিক করুন</button>
<p>Text-align-last প্রোপ্রারটির মাধ্যমে DIV এলিমেন্টের পরিবর্তন দেখতে "ক্লিক করুন" বাটনে ক্লিক করুন।</p>
<script>
function myFunc() {
document.getElementById("trans").style.textAlignLast = "right";
}
</script>
</body>
</html>
ফলাফল
text-align-last প্রোপার্টির ভ্যালু-সমূহ
- auto - এটি ডিফল্ট ভ্যালু। শেষ লাইন justified এবং বামদিকে যায়।
- left - শেষ লাইন বামদিকে যায়।
- right - শেষ লাইন ডানদিকে যায়।
- center - শেষ লাইন মাঝখানে যায়।
- start - শেষের লাইন লাইনের শুরুতে চলে আসে।
- end - শেষের লাইন লাইনের শেষেই থাকে।
- initial - সিএসএস প্রোপার্টির ডিফল্ট ভ্যালু সেট করে। আরও জানতে initial অধ্যায় ভিজিট করুন।
- inherit - এই প্রোপার্টির ভ্যালু প্যারেন্ট এলিমেন্ট থেকে উত্তরাধিকার সূত্রে পায়। আরও জানতে inherit অধ্যায় ভিজিট করুন।
text-align-last প্রোপার্টির ভ্যালু-সমুহের ব্যবহার দেখার জন্য স্ব-স্ব ভ্যালুতে ক্লিক করুন।