سی ایس ایس کا نمائش - فورس اور کلیئر

CSS overflow اپریشن بندار کی اونچائی یا چوڑائی کا کنٹرول کرنا چاہیئے.

یہ تارک حوالہ بہت لمبا ہے، اس کا بندار کی اونچائی صرف 100 پیسکل ہے. اس لئے اسکرول چئیئے گا تاکہ پڑھنے والا اس کا مطلب پتہ لگاسکے. یہ تارک حوالہ بہت لمبا ہے، اس کا بندار کی اونچائی صرف 100 پیسکل ہے. اس لئے اسکرول چئیئے گا تاکہ پڑھنے والا اس کا مطلب پتہ لگاسکے. یہ تارک حوالہ بہت لمبا ہے، اس کا بندار کی اونچائی صرف 100 پیسکل ہے. اس لئے اسکرول چئیئے گا تاکہ پڑھنے والا اس کا مطلب پتہ لگاسکے. یہ تارک حوالہ بہت لمبا ہے، اس کا بندار کی اونچائی صرف 100 پیسکل ہے. اس لئے اسکرول چئیئے گا تاکہ پڑھنے والا اس کا مطلب پتہ لگاسکے. یہ تارک حوالہ بہت لمبا ہے، اس کا بندار کی اونچائی صرف 100 پیسکل ہے. اس لئے اسکرول چئیئے گا تاکہ پڑھنے والا اس کا مطلب پتہ لگاسکے. یہ تارک حوالہ بہت لمبا ہے، اس کا بندار کی اونچائی صرف 100 پیسکل ہے. اس لئے اسکرول چئیئے گا تاکہ پڑھنے والا اس کا مطلب پتہ لگاسکے. یہ تارک حوالہ بہت لمبا ہے، اس کا بندار کی اونچائی صرف 100 پیسکل ہے. اس لئے اسکرول چئیئے گا تاکہ پڑھنے والا اس کا مطلب پتہ لگاسکے. یہ تارک حوالہ بہت لمبا ہے، اس کا بندار کی اونچائی صرف 100 پیسکل ہے. اس لئے اسکرول چئیئے گا تاکہ پڑھنے والا اس کا مطلب پتہ لگاسکے. یہ تارک حوالہ بہت لمبا ہے، اس کا بندار کی اونچائی صرف 100 پیسکل ہے. اس لئے اسکرول چئیئے گا تاکہ پڑھنے والا اس کا مطلب پتہ لگاسکے. یہ تارک حوالہ بہت لمبا ہے، اس کا بندار کی اونچائی صرف 100 پیسکل ہے. اس لئے اسکرول چئیئے گا تاکہ پڑھنے والا اس کا مطلب پتہ لگاسکے. یہ تارک حوالہ بہت لمبا ہے، اس کا بندار کی اونچائی صرف 100 پیسکل ہے. اس لئے اسکرول چئیئے گا تاکہ پڑھنے والا اس کا مطلب پتہ لگاسکے.

آپ خود اس پر تجربہ کریں

CSS Overflow

overflow اگر آپ کچھ بندار کی اونچائی یا چوڑائی کا کنٹرول نہیں کیا جاتا تو، یہ بندار کی اونچائی یا چوڑائی کا کنٹرول نہیں کرتا.

overflow اگر آپ کچھ بندار کی اونچائی یا چوڑائی کا کنٹرول نہیں کیا جاتا تو، یہ بندار کی اونچائی یا چوڑائی کا کنٹرول نہیں کرتا.

  • اسکرول - پیش فرض. بندار کی اونچائی یا چوڑائی کا کنٹرول نہیں کیا جاتا. بندار کی اونچائی یا چوڑائی کا کنٹرول نہیں کرتا.
  • اسکرول - بندار کی اونچائی یا چوڑائی کا کنٹرول نہیں کرنا چاہیئے.
  • اسکرول - بندار کی اونچائی یا چوڑائی کا کنٹرول کرنا چاہیئے.
  • آوتو - ساتھ اسکرول مثل، لیکن صرف ضروری میں اسکرول چئیئے:

تعلیماتی:overflow اگر آپ کچھ بندار کی اونچائی یا چوڑائی کا کنٹرول نہیں کیا جاتا تو، یہ بندار کی اونچائی یا چوڑائی کا کنٹرول نہیں کرتا.

تعلیماتی:OS X Lion (ماک پر) میں، اسکرول کی پیش فرض نمائش نامدرش ہے اور صرف اسکرول کے وقت نمائش ہوتی ہے (حتی اگر overflow:scroll مقادیر مقرر کئے ہوئے ہیں).

overflow: visible

جب کچھ بندار کی اونچائی یا چوڑائی کا کنٹرول نہیں کیا جاتا تو، یہ بندار کی اونچائی یا چوڑائی کا کنٹرول نہیں کرتا.اسکرول)، اس کا مطلب یہ ہوگا کہ یہ کاپرائز نہیں ہوگا، بلکہ بندار کے باہر ریندر ہوگا:

جب کچھ بندار اور اپنے نمائش کو بہتر کنٹرول کرنا چاہیئے تو آپ overflow اپریشن استعمال کرسکتے ہیں.

مثال

div {
  width: 200px;
  height: 50px;
  background-color: #eee;
  overflow: visible;
}

آپ خود اس پر تجربہ کریں

overflow: hidden

آپ اگر overflow: hidden استعمال کرسکتے ہیں اسکرول مقادیر، یہ اسکرول چئیئے گا، بندار کی اونچائی یا چوڑائی کا کنٹرول کرنا چاہیئے.

جب کچھ بندار اور اپنے نمائش کو بہتر کنٹرول کرنا چاہیئے تو آپ overflow اپریشن استعمال کرسکتے ہیں.

مثال

div {
  overflow: hidden;
}

آپ خود اس پر تجربہ کریں

overflow: scroll

آپ اگر مقادیر اسکرول، یہ اسکرول چئیئے گا، بندار کی اونچائی یا چوڑائی کا کنٹرول کرنا چاہیئے. واضح رکھنا، یہ اسکرول اونچائی یا چوڑائی کی دونوں سمت میں اضافہ کرسکتا ہے (اگر آپ اسکرول نہیں چاہتے تو):

جب کچھ بندار اور اپنے نمائش کو بہتر کنٹرول کرنا چاہیئے تو آپ overflow اپریشن استعمال کرسکتے ہیں.

مثال

div {
  overflow: scroll;
}

آپ خود اس پر تجربہ کریں

overflow: auto

آوتو مقابلہ وار مقادیر اسکرول، لیکن یہ صرف ضروری ہی میں اسکرول چئیئے:

جب کچھ بندار اور اپنے نمائش کو بہتر کنٹرول کرنا چاہیئے تو آپ overflow اپریشن استعمال کرسکتے ہیں.

مثال

div {
  overflow: auto;
}

آپ خود اس پر تجربہ کریں

overflow-x اور overflow-y

overflow-x اور overflow-y اگر آپ کچھ بندار کی اپنی بنداروں کی اونچائی یا چوڑائی کا کنٹرول کرنا چاہیئے تو آپ overflow اپریشن استعمال کرسکتے ہیں.

  • overflow-x ایک بندار کی اپنی بنداروں کی چوڑائی یا اونچائی کا کنٹرول کرنا چاہیئے.
  • overflow-y ایک بندار کی اپنی بنداروں کی اونچائی یا چوڑائی کا کنٹرول کرنا چاہیئے.
جب کچھ بندار اور اپنے نمائش کو بہتر کنٹرول کرنا چاہیئے تو آپ overflow اپریشن استعمال کرسکتے ہیں.

مثال

div {
  overflow-x: hidden; /* افقی اسکرول بار کو پنهان کرنا */
  overflow-y: scroll; /* اضافی عمودی اسکرول بار */
}

آپ خود اس پر تجربہ کریں

تمام CSS Overflow پیرائیاں

پیرائی وصف
overflow کنٹنٹ کا بائیک گراؤنڈ میں بھاری مطابق کیسے کنٹنٹ کو ہینڈل کرنا ہوگا، طے کرتا ہے۔
overflow-x عنصر کی محتوائی علاقے میں بھاری مطابق کیسے کنٹنٹ کی چپ/ درختی حاشیے کو ہینڈل کرنا ہوگا، طے کرتا ہے۔
overflow-y عنصر کی محتوائی علاقے میں بھاری مطابق کیسے کنٹنٹ کی اُپر/ نیچل کی حاشیے کو ہینڈل کرنا ہوگا، طے کرتا ہے۔