CSS بوتوم اپریٹر

定义和用法

bottom 属性规定元素的底部边缘。该属性定义了定位元素下外边距边界与其包含块下边界之间的偏移。

نوٹ:اگر "position" نمائش کا لفظ "static" ہے تو "bottom" نمائش کا لفظ کو قائم کرنا کوئی اثر نہیں ہوگا。

توضیح

برای static عناصر کے لئے auto؛ براہ کرم پیکسلو کی نمائش کا لفظ استعمال کیا جائے؛ براہ کرم فیصد کی نمائش کا لفظ استعمال کیا جائے؛ دیگر صورت میں auto کا استعمال کیا جائے。

برای تعریف شدہ عناصر کے لئے، اگر bottom اور top دونوں auto ہیں تو ان کی حساب شدہ نمائش دونوں 0 ہوتی ہیں؛ اگر ان میں سے ایک auto ہے تو دوسرے کی نمائش کا مخالف کا حساب کیا جاتا ہے؛ اگر دونوں auto نہیں ہیں تو bottom کا نمائش top کی نمائش کا مخالف کا حساب کیا جاتا ہے。

مزید دیکھئے:

CSS درسCSS پوزیشن

HTML DOM مراجعbottom نمائش

مثال

تصویر کی نیچلے حصے کی حاشیہ کو اس کی شامل عناصر کی نیچلے حصے کی حاشیہ سے 5 پیکسلو اونچائی پر قائم کیا جائے:

img
  {
  position:absolute;
  bottom:5px;
  }

آپ خود بچارئے

CSS گرامر

bottom: auto|length|initial|inherit;

نمائش

مقدار وصف
auto مقصد:
% پائیدان کی شرح کا استعمال کرکے عناصر کی نیچلے حصے کی نمائش کو قائم کیا جاسکتا ہے۔ منفی اعداد بھی استعمال کئے جاسکتے ہیں。
length پیکسلو، سی ایم وغیرہ جیسے اکائیوں کا استعمال کرکے عناصر کی نیچلے حصے کی نمائش کو قائم کیا جاسکتا ہے۔ منفی اعداد بھی استعمال کئے جاسکتے ہیں。
وارث یہ طے کیا جاتا ہے کہ پیرنٹی کی نمائش کو اس کی bottom نمائش کی نمائش سے وارث کیا جائے۔

تکنیکی تفصیلات

مقصد: auto
وارثیت: no
ورژن: CSS2
جاوا اسکریپت گرامر: object.style.bottom="50px"

مزید مثال

پیکسلو کی شرح کا استعمال کرکے تصویر کی نیچلے حصے کی حاشیہ کو قائم کیا جاسکتا ہے
یہ مثال اس بات کو دکھاتا ہے کہ کس طرح میں پیکسلو کی شرح کا استعمال کرکے تصویر کی نیچلے حصے کی حاشیہ کو قائم کیا جاسکتا ہے。
فیصد کی شرح کا استعمال کرکے تصویر کی نیچلے حصے کی حاشیہ کو قائم کیا جاسکتا ہے
یہ مثال اس بات کو دکھاتا ہے کہ کس طرح میں فیصد کی شرح کا استعمال کرکے تصویر کی نیچلے حصے کی حاشیہ کو قائم کیا جاسکتا ہے。

براوزر کی حمایت

تبلویات میں شماراں نے پہلے براوزر کو مکمل طور پر اس کی حمایت کرنے کی نسخہ درج کیا ہے。

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.0 6.0