CSS overflow 属性

定义和用法

overflow 属性规定当内容溢出元素框时发生的事情。

说明

这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。

另请参阅：

CSS 教程：CSS 定位

HTML DOM 参考手册：overflow 属性

实例

overflow အထူးအခြေအနေ ပြုလုပ်

div
  {
  width:150px;
  height:150px;
  overflow:scroll;
  }

ကျွန်ုပ် ကိုယ်တိုင် ကြိုးစား ကြည့်ပါ

CSS လိုင်းဘာသာ

overflow: visible|hidden|clip|scroll|auto|initial|inherit;

အရိုးသတ်မှတ်

အတ္ထုပတ္တိ ဖော်ပြ
visible မူကြမ်း သတ်မှတ်
hidden အချက်အလက် ကို အကျယ်ပြု ရန် ဘတ်မြုပ် က အရွယ်အချင်း ကို ပြသ ပြီး ကျန်သော အချက်အလက် ကို လေ့လာ ရန် လုပ်ဆောင်ခြင်း
scroll အချက်အလက် ကို အကျယ်ပြု ရန် ဘတ်မြုပ် က အရွယ်အချင်း ကို ပြသ ပြီး ကျန်သော အချက်အလက် ကို လေ့လာ ရန် လုပ်ဆောင်ခြင်း
auto အချက်အလက် ကို အကျယ်ပြု ရန် ဘတ်မြုပ် က အရွယ်အချင်း ကို ပြသ ပြီး ကျန်သော အချက်အလက် ကို လေ့လာ ရန် လုပ်ဆောင်ခြင်း
inherit ဘတ်မြုပ် အထူးအခြေအနေ ကို အဖိုင်အရာ ကို အဆိုပါ အဖိုင်အရာ ကို တိုက်ရိုက် သတ်မှတ် ပြီး လုပ်ဆောင်ခြင်း

နည်းပါးလုံး

မူကြမ်း သတ်မှတ် visible
တိုက်ရိုက်မှု no
ကန့်ကွက် CSS2
JavaScript လိုင်းဘာသာ object.style.overflow="scroll"

အခြား အမှုထမ်း

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

ဘတ်မြုပ် အထောက်အပံ့

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0