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

CSS দিয়ে টেক্সট ইন্ডেন্টেশন

টেক্সট ইন্ডেন্টেশন বা প্রথম লাইনের ইনডেন্টের জন্য CSS-এ text-indent প্রোপার্টি ব্যবহার করুন।

উদাহরণ

একটি উদাহরণ দেখি:

<!DOCTYPE html> <html> <head> <style> div {    text-indent: 30px; } </style> </head> <body> <h1>Demo Heading</h1> <div> <p>This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. </p> </div> </body> </html>

আউটপুট

CSS দিয়ে টেক্সট ইন্ডেন্টেশন

উদাহরণ

আরেকটি উদাহরণ:

<!DOCTYPE html> <html> <head> <style> div {    text-indent: 15em; } </style> </head> <body> <h1>Demo Heading</h1> <div> <p>This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. </p> </div> </body> </html>

আউটপুট

CSS দিয়ে টেক্সট ইন্ডেন্টেশন


  1. CSS ব্যবহার করে মিডিয়া-ডিপেন্ডেন্ট স্টাইলশীট তৈরি করা

  2. CSS Z-Index ব্যবহার করে এলিমেন্ট ওভারল্যাপ করা

  3. CSS দিয়ে টেক্সট ইন্ডেন্টেশন (Text Indentation) কাজ করা

  4. CSS text-decoration দিয়ে টেক্সট সাজানো: আন্ডারলাইন, ওভারলাইন, লাইন-থ্রু