একটি HTML উপাদানে পাঠ্য ইন্ডেন্ট করতে হবে? আপনি CSS!
ব্যবহার করে একটি অনুচ্ছেদের প্রথম লাইন ইন্ডেন্ট করতে পারেনআপনি কীভাবে এটি করতে পারেন তা এখানে:
টেক্সট-ইন্ডেন্ট সহ একটি অনুচ্ছেদের প্রথম লাইন ইন্ডেন্ট করুন
ধরুন আপনার অনুচ্ছেদে এইরকম কিছু পাঠ্য আছে:
<p class="indent">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa sit aperiam deserunt quae excepturi fugit, consequuntur cum corporis illum natus quibusdam quasi ab at. Laboriosam aperiam aut laborum animi soluta eligendi iste doloribus error, ex eius magnam? Aperiam illum nam cupiditate omnis. Repudiandae doloribus voluptatibus, animi quas incidunt eveniet fugiat!
</p>
আপনি CSS প্রপার্টি text-indent ব্যবহার করতে পারেন প্রথম লাইন একটি নির্দিষ্ট দৈর্ঘ্য ইন্ডেন্ট করতে:
p.indent {
text-indent: 30px;
}এবং এটি দেখতে কেমন হবে তা এখানে:
অন্যান্য CSS দৈর্ঘ্যের বৈশিষ্ট্যগুলির মতো, আপনি এটির জন্য যে কোনও ইউনিট ব্যবহার করতে পারেন। পিক্সেল (px), em, rem, এমনকি শতাংশ (%) ইউনিট কাজ করবে।
শতাংশের মতো একটি আপেক্ষিক ইউনিট ব্যবহার করা ওয়েবপৃষ্ঠার প্রস্থের উপর ভিত্তি করে ইন্ডেন্টেশনের পরিমাণ পরিবর্তন করবে। ওয়েবপেজ যত চওড়া হবে, ইন্ডেন্ট তত বড় হবে।
এমনকি আপনি একটি নেতিবাচক text-indent যোগ করতে পারেন মান যদি আপনি চান, প্রথম লাইনটি বাম দিকে আটকে রাখতে।
p.indent {
text-indent: -30px;
}একটি অনুচ্ছেদে নেতিবাচক ইন্ডেন্টটি কেমন হবে তা এখানে:
আপনি যদি পুরো অনুচ্ছেদটি এতে স্থানান্তরিত করতে চান তবে মার্জিন-বাম ব্যবহার করুন ডান
আপনি যদি চান যে পুরো অনুচ্ছেদটি শুধু প্রথম লাইনে নয়, তবে আপনি margin-left ব্যবহার করতে পারেন সম্পত্তি।
p.shifted {
margin-left: 30px;
}এখানে যে মত দেখাবে কি. প্রথম অনুচ্ছেদটি স্থানান্তরিত হয়নি, এবং দ্বিতীয় অনুচ্ছেদটি হল:
