CSS break-after کا کیمپٹنٹ

تعلیم اور استعمال

بریک-اُفتر پر کسی عناصر کے بعد صفحہ، سٹون یا علاقے کو ختم کردیں یا عناصر کو دو صفحوں میں تقسیم نہ کریں。

بریک-اُفتر پر کسی عناصر کے بعد صفحہ، سٹون یا علاقے کو ختم کردیں یا عناصر کو دو صفحوں میں تقسیم نہ کریں。

سے استعمال کرکے آپ بروئر کو بتاسکتا ہیں کہ وہ بریک-اُفتر پر کسی عناصر کے بعد صفحہ، سٹون یا علاقے کو ختم کردیں یا عناصر کو دو صفحوں میں تقسیم نہ کریں。

مثال

ایک <footer> علامت کے قبل دائماً پینگ نمبر نکالنا:

@media print {
  footer {
    break-after: always;
  }
}

CSS زبان

break-after: auto|all|always|avoid|avoid-column|avoid-page|avoid-region|column|left|page|recto|region|right|verso|initial|inherit;

خصوصیت کا مقدار

مقدار وصف
auto مقصد. دائماً پینگ، کالم، حصہ نمبر نکالنا سے خودکار طور پر کیا جاتا ہے۔
all ایک علامت کے بعد دائماً پیر کی جعبه کے بعد پینگ نمبر نکالنا:
always ایک علامت کے بعد دائماً پینگ نمبر نکالنا:
avoid ایک علامت کے بعد پینگ، کالم، علاقے کی تاخم کاری سے بچاؤ:
avoid-column ایک علامت کے بعد پینگ نمبر نکالنا سے بچاؤ:
avoid-page ایک علامت کے بعد پینگ نمبر نکالنا سے بچاؤ:
avoid-region ایک علامت کے بعد حصہ نمبر نکالنا سے بچاؤ:
column ایک علامت کے بعد دائماً پینگ نمبر نکالنا۔
left ایک یا دو پینگ نمبر نکالنا، تاکہ آئندہ پینگ کو چپ پیج کے طور پر فارمیٹ کیا جاسکے۔
page ایک علامت کے بعد دائماً پینگ نمبر نکالنا۔
recto ایک یا دو پینگ نمبر نکالنا، تاکہ آئندہ پینگ کو recto پیج کے طور پر فارمیٹ کیا جاسکے۔
region ایک علامت کے بعد دائماً حصہ نمبر نکالنا۔
right ایک یا دو پینگ نمبر نکالنا، تاکہ آئندہ پینگ کو راست پیج کے طور پر فارمیٹ کیا جاسکے۔
versa ایک یا دو پینگ نمبر نکالنا، تاکہ آئندہ پینگ کو versa پیج کے طور پر فارمیٹ کیا جاسکے۔
initial اس خصوصیت کو مقصد میں سیٹ کریگا، ملاحظات دیئے: initial。
inherit اس کی پیر کی علامت سے اس کی خصوصیت کو ورث کرلیگا، ملاحظات دیئے: inherit。

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

مقصد: auto
وارثیت: نہیں
آنیماشن کا تعمیر: ناممکن ہے، ملاحظات دیئے:آنیماشن سے متعلق خصوصیات。
ورژن: CSS3
جسمانی زبان: object.style.breakAfter="always"

بیشتر مثال

مثال

id کا "toc" ہونے والے علامت کے بعد دائماً پینگ نمبر نکالنا:

@media print {
  #toc {
    break-after: always;
  }
}

مثال

ایک علاقے میں کسی <ul> علامت کے بعد دائماً حصہ نمبر نکالنا:

.region ul {
    break-after: region;
  }
}

براوزر کی پشتیبندی

جداول میں دیجیتل ملاحظات، پہلے براوزر کو پورا اس پرمتعلق اپنائیگا کے سلسلے میں دیئے گئے ہیں。

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 65.0 10.0 37.0