CSS উচ্চতা ও প্রস্থ

এই তত্ত্বটির প্রস্থতা ১০০% হয়েছে。

CSS 设置高度和宽度

height 和 width 属性用于设置元素的高度和宽度。

height 和 width 属性不包括内边距、边框或外边距。它设置的是元素内边距、边框以及外边距内的区域的高度或宽度。

CSS 高度和宽度值

height 和 width 属性可设置如下值：

  • auto - 默认。浏览器计算高度和宽度。
  • length - 以 px、cm 等定义高度/宽度。
  • % - 以包含块的百分比定义高度/宽度。
  • initial - 将高度/宽度设置为默认值。
  • inherit - 从其父值继承高度/宽度。

CSS 高度和宽度实例

此元素的高度为 200 像素，宽度为 50％

উদাহরণ

设置

元素的高度和宽度：

div {
  height: 200px;
  width: 50%;
  background-color: powderblue;
}

আপনার নিজেই চেষ্টা করুন

此元素的高度为 100 像素，宽度为 500 像素。

উদাহরণ

设置另一个

元素的高度和宽度：

div {
  height: 100px;
  width: 500px;
  background-color: powderblue;
}

আপনার নিজেই চেষ্টা করুন

注意：请记住，height 和 width 属性不包括内边距、边框或外边距！它们设置的是元素的内边距、边框和外边距内的区域的高度/宽度！

সর্বোচ্চ প্রস্থতা নির্ধারণ

max-width এই প্রতিধ্বনীটি এলিমেন্টের সর্বোচ্চ প্রস্থতা নির্ধারণ করে。

মাপকাঠিতের মান (যেমন px, cm ইত্যাদি) বা অন্তর্ভুক্ত ব্লকের শতকরা মান (％) ব্যবহার করে max-width (সর্বোচ্চ প্রস্থতা) নির্ধারণ করা যায়, অথবা none (ডিফল্ট মান) হিসাবে নির্ধারণ করা যায় (যার অর্থ ন্যূনতম সর্বোচ্চ প্রস্থতা নেই)。

যখন ব্রাউজার উইন্ডোর প্রস্থতা এলিমেন্টের প্রস্থতা (500 পিক্সেল) এর কম হয়, তখন আগের পরিস্থিতিতে ঘটবে <div> প্রশ্নটির সমাধান করুন।তারপর, ব্রাউজারটি পৃষ্ঠায় একটি অনুসরণমূলক স্ক্রোল টাকা যোগ করবে。

এই পরিস্থিতিতে, max-width ব্রাউজারের ক্ষুদ্র উইন্ডোতে ব্যবহার করা যায়

সুঝাওয়া:ব্রাউজার উইন্ডোকে 500 পিক্সেল এর কম প্রস্থতা পর্যন্ত খিস্কিয়ে দিয়ে দেখুন দুই div-এর মধ্যে কীভাবে পার্থক্য হয়!

এই এলিমেন্টটির উচ্চতা 100 পিক্সেল, সর্বোচ্চ প্রস্থতা 500 পিক্সেল。

এই এলিমেন্টটির উচ্চতা 100 পিক্সেল, সর্বোচ্চ প্রস্থতা 500 পিক্সেল。

মন্তব্য:max-width প্রতিধ্বনীর মান অবরূপ করবে width（প্রস্থতা）。

উদাহরণ

এই <div> এলিমেন্টটির উচ্চতা 100 পিক্সেল, সর্বোচ্চ প্রস্থতা 500 পিক্সেল:

div {
  max-width: 500px;
  height: 100px;
  background-color: powderblue;
}

আপনার নিজেই চেষ্টা করুন

আরও উদাহরণ

এলিমেন্টের উচ্চতা এবং প্রস্থতা নির্ধারণ
এই উদাহরণটি দেখিয়ে দেয় কিভাবে ভিন্ন এলিমেন্টের উচ্চতা এবং প্রস্থতা নির্ধারণ করা যায়。
শতকরা মান ব্যবহার করে ছবির উচ্চতা এবং প্রস্থতা নির্ধারণ
এই উদাহরণটি দেখিয়ে দেয় কিভাবে শতকরা মান ব্যবহার করে ছবির উচ্চতা এবং প্রস্থতা নির্ধারণ করা যায়。
এলিমেন্টের ন্যূনতম এবং সর্বোচ্চ প্রস্থতা নির্ধারণ
এই উদাহরণটি দেখিয়ে দেয় কিভাবে পিক্সেল মান ব্যবহার করে এলিমেন্টের ন্যূনতম এবং সর্বোচ্চ প্রস্থতা নির্ধারণ করা যায়。
এলিমেন্টের সর্বনিম্ন ও সর্বমান্য উচ্চতা সেট করুন
এই ইনস্ট্যান্সটি পিক্সেল মানের দ্বারা এলিমেন্টের সর্বনিম্ন ও সর্বমান্য উচ্চতা সেট করার কিভাব দেখায়

সেট CSS মাপ প্রতিভা

প্রতিভা বর্ণনা
height সেট এলিমেন্টের উচ্চতা
max-height সেট এলিমেন্টের সর্বমান্য উচ্চতা
max-width সেট এলিমেন্টের সর্বমান্য প্রশস্ততা
min-height সেট এলিমেন্টের সর্বনিম্ন উচ্চতা
min-width সেট এলিমেন্টের সর্বনিম্ন প্রশস্ততা
width সেটিং এলিমেন্টের প্রশস্ততা