সিএসএস ডাইমেনসন - CSS Dimension


সিএসএস এর dimension প্রোপার্টি গুলো ব্যবহার করে কোন এইচটিএমএল এলিমেন্টের উচ্চতা বা height এবং প্রস্থ বা width নির্ধারণ করা যায়।


dimension প্রোপার্টি

সিএসএস এর dimension প্রোপার্টি গুলো হল - height, max-height, max-width, width, min-height এবং min-width


height এবং width প্রোপার্টি

সিএসএস এর height এবং width প্রোপার্টি ব্যবহার করে কোন এলিমেন্ট এর উচ্চতা বা height এবং প্রস্থ বা width নির্ধারণ করা যায়।

নিছে একটি উদাহরন দেখুন, যেখানে height এবং width প্রোপার্টি ব্যবহার করা হয়েছে।

উদাহরণ

div {
    height: 300px;
    width: 50%;
    background-color: forestgreen;
    }

কোড এডিটর



max-height প্রোপার্টি

সিএসএস এর max-height প্রোপার্টি ব্যবহার করে কোন এইচটিএমএল এলিমেন্ট এর জন্য সর্বোচ্চ উচ্চতা নির্ধারণ করা যায়।

নিছে একটি উদাহরন দেখুন, যেখানে max-height প্রোপার্টি ব্যবহার করা হয়েছে।

উদাহরণ

p {
  max-height: 30px;
  overflow: auto;
  }

কোড এডিটর


এখানে overflow প্রোপার্টি ব্যবহার করতে হয়, যাতে এলিমেন্ট এর উচ্ছতা বা height বেসি হলে, তা overflow হতে পারে। যদি এলিমেন্ট এর উচ্চতা, max-height প্রোপার্টি এর থেকে বেসি হয় তবে, max-height প্রোপার্টির মান কোন প্রভাব ফেলবে না।


সকল dimension প্রোপার্টি

প্রোপার্টিমানবর্ণনা
height
max-height
max-width
width
min-height
min-width