CSS فریم ورک معرفی

CSS فریم ورک معرفی

元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。

تذکرہ:پس منظر کا مطلب پیش کیا جانا اس علاقے پر ہوتا ہے جو مطلب پیش کیا جانے والا، پیدائشی فاصلہ اور بوردر کے ذریعے تشکیل دیا گیا ہوتا ہے۔

پیدائشی فاصلہ، بوردر اور بیرونی فاصلہ چننے والی ہیں، دفعتی مقادیر صفر ہیں، لیکن کئی عناصر کا پیدائشی فاصلہ اور پیدائشی فاصلہ یوزر ایجنسی اسٹائل شیٹ کے ذریعے سیٹ کیا جاتا ہے۔ یہ چننے والی کو صفر سیٹ کرکے اس براوزر کی اسٹائل کو اووررائل کیا جاسکتا ہے، جو الگ الگ یا عام چننے والی کے ذریعے ممکن ہوتا ہے:

* {
  بیرونی فاصلہ: 0;
  پیدائشی فاصلہ: 0;
}

سی ایس ایس میں، وائیڈت اور بلٹی کا مطلب پیش کیا جانے والا مطلب پیش کیا جانے والا علاقے کا وائیڈت اور بلٹی ہوتا ہے۔ پیدائشی فاصلہ، بوردر اور بیرونی فاصلے کا اضافہ مطلب پیش کیا جانے والا علاقے کی انداز کا مطلب پیش نہیں کیا جاتا، لیکن عناصر کی فریئم کی مجموعی انداز میں اضافہ کردار ادا کرتا ہے۔

بجائی کہ کسی فریئم کی کسی کیڑی پر 10 پی ایکس کا بیرونی فاصلہ اور 5 پی ایکس کا پیدائشی فاصلہ رکھا جائے، اگر اس عناصر کی فریئم کو 100 پی ایکس تک پھیلا دیا جانا چاہیئے تو وائیڈت کا مقادیر 70 پی ایکس رکھنا چاہیئے، وہاں کی تصویر دیکھئے:

#box {
  وائیڈت: 70 پی ایکس;
  بیرونی فاصلہ: 10 پی ایکس;
  پیدائشی فاصلہ: 5 پی ایکس;
}

تذکرہ:پیدائشی فاصلہ، بوردر اور بیرونی فاصلہ ایک عناصر کی تمام کیڑیوں پر اپلی کی جاسکتا ہیں یا کسی کیڑی پر یکسر اپلی کی جاسکتا ہیں۔

تذکرہ:بیرونی فاصلہ منفی کا بھی مقادیر لینا جاسکتا ہے اور بہت سے صورتوں میں منفی بیرونی فاصلہ استعمال کیا جاتا ہے۔