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

CSS দিয়ে এলিমেন্টের min-width এবং max-width সেট করুন


এলিমেন্টের ন্যূনতম ও সর্বোচ্চ প্রস্থ সেট করতে নিচের কোড রান করুন।

উদাহরণ

<!DOCTYPE html> <html>   <head>     <style>       div {         max-width: 300px;         min-width: 100px;         background-color: red;       }     </style>   </head>   <body>     <p> Below is a div with maximum and minimum width. Resize the web browser to see the effect.</p>     <div>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. This is demo text.     </div>   </body> </html>

আউটপুট

CSS দিয়ে এলিমেন্টের min-width এবং max-width সেট করুন


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

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

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

  4. CSS color প্রপার্টি দিয়ে এলিমেন্টের টেক্সট রঙ পরিবর্তন