সিএসএস text-indent প্রোপার্টি
ব্রাউজার সাপোর্ট
property | Google Chrome | Edge | Mozila Firefox | Safari | Opera |
---|---|---|---|---|---|
text-indent | ১.০ | ৪.০ | ১.০ | ১.০ | ৩.৫ |
সংজ্ঞা ও ব্যবহার
text-indent প্রোপার্টি দ্বারা একটি টেক্সট ব্লকের প্রথম লাইন ইন্ডেন্টেশন নির্দেশ করে।
পরামর্শঃ
- নেতিবাচক ভ্যালু ব্যবহার করা যায়। যদি ভ্যালু নেতিবাচক হয় তাহলে প্রথম লাইনের বামে ইন্ডেন্ট(খাঁজ) করা হতে পারে।
Initial Value: | Inherited: | Animatable: |
---|---|---|
০ | হ্যাঁ | হ্যাঁ । আরোও জানতে animatable অধ্যায় ভিজিট করুন। animatableএর উদাহরণ |
সিএসএস সিনট্যাক্স
text-indent: length/initial/inherit;
সকল <p> এলিমেন্টের প্রথম লাইন ৫০ পিক্সেল ইন্ডেন্ট করে:
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>css referance example</title>
<style>
p {
text-indent: 50px;
}
</style>
</head>
<body>
<p> চাঁদপুর হলো ইলিশের শহর। চাঁদপুর পদ্মা, মেঘনা ও ডাকাতিয়া এই তিনটি নদীর মিলনস্থল।চাঁদপুরে অসংখ্য শিক্ষা
প্রতিষ্ঠান আছে। চাঁদপুরে একটি স্টেডিয়াম আছে। চাঁদপুরে অনেক গুলো নির্দশনের মধ্যে রক্তধারা একটি। চাঁদপুরে একটি শিল্পকলা
একাডেমি রয়েছে। আর এই চাঁদপুরেই আমাদের স্যাট একাডেমীর সূচনা। স্যাট একাডেমী সম্পূর্ণ ফ্রি আইটি শিক্ষা প্রতিষ্ঠান। </p>
</body>
</html>
ফলাফল
জাভাস্ক্রিপ্ট সিনট্যাক্স
Object: .style.textIndent="50px"
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>css referance example</title>
</head>
<body>
<p> "উদাহরণ দেখুন" বাটনে ক্লিক করলে ডিভ এলিমেন্টের প্রথম text-line ইন্ডেন্ট হবেঃ </p>
<button onclick="myFunction()">উদাহরণ দেখুন</button>
<div id="myDIV">
চাঁদপুর হলো ইলিশের শহর। চাঁদপুর পদ্মা, মেঘনা ও ডাকাতিয়া এই তিনটি নদীর মিলনস্থল।চাঁদপুরে অসংখ্য শিক্ষা প্রতিষ্ঠান আছে।
চাঁদপুরে একটি স্টেডিয়াম আছে। চাঁদপুরে অনেক গুলো নির্দশণের মধ্যে রক্তধারা একটি। চাঁদপুরে একটি শিল্পকলা একাডেমি রয়েছে।
আর এই চাঁদপুরেই আমাদের স্যাট একাডেমির সূচনা। স্যাট একাডেমি সম্পূর্ণ ফ্রি আইটি শিক্ষা প্রতিষ্ঠান। চাঁদপুর হলো ইলিশের
শহর। চাঁদপুর পদ্মা, মেঘনা ও ডাকাতিয়া এই তিনটি নদীর মিলনস্থল।চাঁদপুরে অসংখ্য শিক্ষা প্রতিষ্ঠান আছে। চাঁদপুরে
একটি স্টেডিয়াম আছে। চাঁদপুরে অনেক গুলো নির্দশণের মধ্যে রক্তধারা একটি। চাঁদপুরে একটি শিল্পকলা একাডেমি রয়েছে।
আর এই চাঁদপুরেই আমাদের স্যাট একাডেমির সূচনা। স্যাট একাডেমি সম্পূর্ণ ফ্রি আইটি শিক্ষা প্রতিষ্ঠান।
</div>
<script>
function myFunction() {
document.getElementById("myDIV").style.textIndent = "50px";
}
</script>
</body>
</html>
ফলাফল
text-indent প্রোপার্টির ভ্যালু-সমূহ
- length - px, pt, cm, em ইত্যাদির মধ্যে একটি নির্দিষ্ট ইন্ডেন্ট নির্দেশ করার জন্য ব্যবহৃত px, pt, cm, em ইত্যাদির ডিফল্ট ভ্যালু হল ০ ।
- % - প্যারেন্ট এলিমেন্টের প্রস্থ্যের % ইন্ডেন্ট নির্দেশ করে ।
- initial - সিএসএস প্রোপার্টির ডিফল্ট ভ্যালু সেট করে। আরও জানতে initial অধ্যায় ভিজিট করুন।
- inherit - এই প্রোপার্টির ভ্যালু প্যারেন্ট এলিমেন্ট থেকে উত্তরাধিকার সূত্রে পায়। আরও জানতে inherit অধ্যায় ভিজিট করুন।
text-indent প্রোপার্টির ভ্যালু-সমুহের ব্যবহার দেখার জন্য স্ব-স্ব ভ্যালুতে ক্লিক করুন।