কম্পিউটার

CSS ব্যবহার করে একটি ছবির উল্লম্ব প্রান্তিককরণ


CSS ব্যবহার করে একটি চিত্রকে উল্লম্বভাবে সারিবদ্ধ করতে, উল্লম্ব-সারিবদ্ধ বৈশিষ্ট্য ব্যবহার করুন। আপনি উল্লম্বভাবে চিত্র সারিবদ্ধ করতে নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন −

উদাহরণ

<!DOCTYPE html>
<html>
   <head>
      <style>
         img {
            vertical-align: text-bottom;
         }
      </style>
   </head>
   <body>
      <p>This is <img src = "https://www.tutorialspoint.com/videotutorials/assets/videos/courses/155/images/course_155_image.png" alt000 = "Video Tutorial" width = "200" height = "150"> demo image.</p>
   </body>
</html>

  1. CSS ইমেজ স্প্রাইট ব্যবহার করে একটি নেভিগেশন মেনু তৈরি করা

  2. CSS ব্যবহার করে ইমেজ স্প্রাইট থেকে একটি আইকন প্রদর্শন করুন

  3. CSS-এ ডেটা-অ্যাট্রিবিউট (ডেটা-*) ব্যবহার করা

  4. ইমেজ রিসাইজার ব্যবহার করে কীভাবে একটি ভুল ছবির সারিবদ্ধতা পুনরুদ্ধার করবেন?