কম্পিউটার টিউটোরিয়াল

CSS Text-Indent: টেক্সট ইন্ডেন্ট করার পূর্ণাঙ্গ গাইড

CSS text-indent প্রপার্টি একটি প্যারাগ্রাফের প্রথম লাইন ইন্ডেন্ট করার জন্য ব্যবহৃত হয়, ঠিক যেমন স্কুলে নিবন্ধ লেখার সময় প্রথম লাইন ইন্ডেন্ট করা হয়।

ব্যবহারিক উদাহরণ

.example { 
  text-indent: 25px; 
}

এই উদাহরণে পিক্সেল (px) ব্যবহার করা হয়েছে। আপনি আপেক্ষিক/রেসপন্সিভ ইউনিটও ব্যবহার করতে পারেন:

  • em: পেরেন্ট এলিমেন্টের ফন্ট সাইজের সাপেক্ষে
  • rem: রুট এলিমেন্টের ফন্ট সাইজের সাপেক্ষে
  • %: এলিমেন্টের প্রস্থের শতাংশ

নেগেটিভ মান

text-indent נגেটিভ মানও গ্রহণ করে, যা প্রথম লাইনকে বাম দিকে আউটডেন্ট (outdent) করে।

উপসংহার

text-indent প্রপার্টি প্যারাগ্রাফের প্রথম লাইন ইন্ডেন্ট করার সহজ এবং কার্যকর উপায়। পিক্সেল, em, rem, বা শতাংশ - যেকোনো ইউনিটে মান দিয়ে আপনার ডিজাইনের মुतাবিক ইন্ডেন্ট সেট করতে পারেন।

  1. CSS Media Query দিয়ে কমন ডিভাইস ব্রেকপয়েন্ট (Breakpoints) ব্যবহার করা

  2. Selenium-এ CSS সিলেক্টরকে লোকেটর হিসেবে ব্যবহার করা

  3. HTML-এ ইন্টারনাল CSS (Internal Style Sheet) ব্যবহার করা

  4. HTML-এ ইনলাইন CSS (Inline Style Sheet) ব্যবহার করা