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

CSS-এ height property ব্যবহার করে ইমেজের উচ্চতা সেট করা

height property ব্যবহার করে ইমেজের উচ্চতা সেট করা যায়। মান লেংথ বা পারসেন্টেজ হতে পারে। পারসেন্টেজ দিলে সেটি প্যারেন্ট কন্টেইনারের সাপেক্ষে প্রয়োগ হয়।

উদাহরণ

নিচের কোডটি রান করে ইমেজের উচ্চতা সেট করার পদ্ধতি শিখুন:

<html>
  <head>
  </head>
  <body>
    <img style="border:2px solid green; height:100px;" src="/css/images/logo.png" />
    <br />
    <img style="border:2px solid green; height:50%;" src="/css/images/logo.png" />
  </body>
</html>

সেরা অভ্যাস: শুধু height বা width একটাই দিন, অন্যটি auto রাখুন যাতে অ্যাসপেক্ট রেশিও (aspect ratio) বাঁচে থাকে।

  1. CSS-এ margin প্রোপার্টির ব্যবহার

  2. CSS transform-style প্রোপার্টির ব্যবহার

  3. CSS transform-origin প্রোপার্টির ব্যবহার

  4. CSS transform প্রপার্টির ব্যবহার