ပုံစံ overflowX ပိုင်ဆိုင်မှု
ဥပမာ
စာသားသည် ဒြပ်စင်၏ အကြောင်းအရာ ဧရိယာကို ကျော်သွားပါက အလျားလိုက် လှိမ့်လိုက်ပါ-
document.getElementById("myDIV").style.overflowX = "scroll";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
overflowX ပိုင်ဆိုင်မှုသည် အကြောင်းအရာ၏ ဘယ်/ညာ အစွန်းများနှင့် ဘာလုပ်ရမည်ကို ဖော်ပြသည် - ၎င်းသည် ဒြပ်စင်၏ အကြောင်းအရာဧရိယာကို ပြည့်သွားပါက၊
အကြံပြုချက်- အပေါ်နှင့်အောက်ခြေအစွန်းများတွင် ဖြတ်တောက်ခြင်းကို ဆုံးဖြတ်ရန် overflowY ပိုင်ဆိုင်မှုကို အသုံးပြုပါ ။
Browser ပံ့ပိုးမှု
Property | |||||
---|---|---|---|---|---|
overflowX | Yes | Yes | Yes | Yes | Yes |
အထားအသို
overflowX ပိုင်ဆိုင်မှုကို ပြန်ပေးပါ။
object.style.overflowX
overflowX ပိုင်ဆိုင်မှုကို သတ်မှတ်ပါ-
object.style.overflowX = "visible|hidden|scroll|auto|initial|inherit"
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
visible | The content is not clipped, and it may be rendered outside the content box |
hidden | The content is clipped - and no scrolling mechanism is provided |
scroll | The content is clipped and a scrolling mechanism is provided |
auto | Should cause a scrolling mechanism to be provided for overflowing boxes |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
နည်းပညာဆိုင်ရာအသေးစိတ်
မူလတန်ဖိုး: | မြင်နိုင်သည်။ |
---|---|
ပြန်ပို့တန်ဖိုး- | ဒြပ်စင်တစ်ခု၏ overflow-x ပိုင်ဆိုင်မှုကို ကိုယ်စားပြုသော စာကြောင်းတစ်ခု |
CSS ဗားရှင်း | CSS3 |
ဆက်စပ်စာမျက်နှာများ
CSS ရည်ညွှန်းချက်- overflow-x ပိုင်ဆိုင်မှု
❮ စတိုင်အရာဝတ္ထု