စတုတ္ထ ဘေး စတုတ္ထ ပြီး အချက်

ကြည့်ရှုခြင်း နှင့် အသုံးပြုပုံ

break-before သည် အဆိုပါ အဖွဲ့အစိုးရအချိန်မှာ ပုံနှိပ်သုံးသပ်(page-break)、ပုံနှိပ်သုံးသပ်(column-break) သို့မဟုတ် ပုံနှိပ်သုံးသပ်(region-break) ကို ပြင်ဆင်ခြင်းမရှိလာကြောင်း ဖော်ပြသည်。

break-before သည် CSS2 အဖွဲ့အစိုးရ page-break-before ကို ဖွံ့ဖြိုးပြီးဖြစ်သည်。

break-before သည် ဘားသားအား ပုံနှိပ်သုံးသပ်ပုံစံ break-after အဖွဲ့အစိုးရကို အသုံးပြု၍ ဘားသားကို ပုံနှိပ်သုံးသပ်ပုံစံတွင် အချိန်မှာ ခွဲခြားပြီး နှစ်ပုံးမှာ ပြောင်းလဲသွားမည်ဟု အသိပေးနိုင်သည် သို့မဟုတ် အသုံးပြု၍ အစိုးရကို နှစ်ပုံးမှာ ခွဲခြားမှုမရှိစေရန် အသိပေးနိုင်သည်。

အကျိုးသတ်

အစီအစဉ် <h1> အဖွဲ့အစိုးရအချိန်မှာ ပုံနှိပ်သုံးသပ်သည့်ချက်:

@media print {
  h1 {
    break-before: always;
  }
}

စီစ်ကိုရေးသားပုံ

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

属性值

值 描述
auto 默认。在元素之前自动进行分页、分列、分区。
all 始终在主体框之前立即插入分页符。
always 始终在元素之前插入分页符（page-break）。
avoid 避免在元素之前出现页、列、区域中断。
avoid-column 避免在元素之前分列。
avoid-page 避免在元素之前分页。
avoid-region အခြေခံအကွန်းအဖြင့် အစားအစား ထိန်းသိမ်းကြောင်း region ထိန်းသိမ်းကြောင်း
column အခြေခံအကွန်းအဖြင့် အစားအစား ထိန်းသိမ်းကြောင်း column ထိန်းသိမ်းကြောင်း
left အခြေခံအကွန်းအဖြင့် တစ်ခုခုမှ ၂ခုခု ပေါင်းစပ်ကြောင်း အစားအစားအချက်အလက်ကို နောက်ဆုံးစားအစားကို left အစားကို ပြောင်းပြန်ကြောင်း
page အခြေခံအကွန်းအဖြင့် အစားအစား ထိန်းသိမ်းကြောင်း page ထိန်းသိမ်းကြောင်း
recto အခြေခံအကွန်းအဖြင့် တစ်ခုခုမှ ၂ခုခု ပေါင်းစပ်ကြောင်း အစားအစားအချက်အလက်ကို နောက်ဆုံးစားအစားကို recto အစားကို ပြောင်းပြန်ကြောင်း
region အခြေခံအကွန်းအဖြင့် အစားအစား ထိန်းသိမ်းကြောင်း region ထိန်းသိမ်းကြောင်း
right အခြေခံအကွန်းအဖြင့် တစ်ခုခုမှ ၂ခုခု ပေါင်းစပ်ကြောင်း အစားအစားအချက်အလက်ကို နောက်ဆုံးစားအစားကို right အစားကို ပြောင်းပြန်ကြောင်း
verso အခြေခံအကွန်းအဖြင့် တစ်ခုခုမှ ၂ခုခု ပေါင်းစပ်ကြောင်း ထိန်းသိမ်းကြောင်း နောက်ဆုံးစားအစားကို verso အစားကို ပြောင်းပြန်ကြောင်း
initial အချက်အလက်ကို မည်သည်မဆို မည်သည်မပြောင်း ထိန်းသိမ်းကြောင်း ကျမ်းကိုကြည့်ပါ initial。
inherit အဖွဲ့ဝင်များမှ အမိန့်ကို လက်ခံကြောင်း ကျမ်းကိုကြည့်ပါ inherit。

နည်းပါးစဉ်

မည်သည်မဆို auto
အမိန့် မဆို
လှည့်ပန်းပတ်သတ်ကြောင်း မမြတ်သေးလှည့်ပန်းပတ်သတ်သည့် အချက်အလက်。
အဆိုပါ CSS3
JavaScript အပိုင်းအခါ object.style.breakBefore="always"

အကျိုးသတ်

အကျိုးသတ်

သတ္တုသင်္ဂြိုလ်သည် စာတုပ်အသုံးပြုသော အချိန်တွင် အထူးသဖြင့် အသုံးပြုကြောင်း <h1> အချက်အလက်များအား break-before: ထိန်းသိမ်းကြောင်း

@media print {
  h1 {
    break-before: right;
  }
}

အကျိုးသတ်

region တွင် <ul> အခြား အစားအစား ထိန်းသိမ်းကြောင်း ထိန်းသိမ်းကြောင်း region-break: ထိန်းသိမ်းကြောင်း

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

ဘရပ်စ်တာ ထောက်ပံ့

အချက်အလက်များတွင် အကိုးအကားသည် အထူးသဖြင့် အခြေခံအရေးအချိန်တစ်ခုကို ထောက်ပံ့သော ဘရပ်စ်တာသည် ရှိပါသည်。

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