Style margin 属性
- 上一页 listStyleType
- 下一页 marginBottom
- 返回上一层 HTML DOM Style အပျက်အလုပ်
定义和用法
margin
属性设置或返回元素的外边距。
此属性可以采用一到四个值:
- 一个值,例如:div {margin: 50px} - 所有四个外边距都是 50px
- နှစ် အတိုင်းပါ အမှတ်သားများ၊ ဥပမာ၊ div {margin: 50px 10px} - အရှေ့အနောက် အဝေးအကွာ အောက်မှ အရှေ့အနောက် အဝေးအကွာ 50px ဖြစ်၍၊ အရှေ့အနောက် အဝေးအကွာ 10px ဖြစ်သည်
- သုံး အတိုင်းပါ အမှတ်သားများ၊ ဥပမာ၊ div {margin: 50px 10px 20px} - အရေးယူရာ အရှေ့အနောက် အဝေးအကွာ 50px ဖြစ်၍၊ အရှေ့အနောက် အဝေးအကွာ 10px ဖြစ်၍၊ အောက်အရှေ့ အဝေးအကွာ 20px ဖြစ်သည်
- 四个值,例如:div {margin: 50px 10px 20px 30px} - 上外边距为 50px,右外边距为 10px,下外边距为 20px,左外边距为 30px
margin 属性和 padding 属性都在元素周围插入空间。但是,不同之处在于,margin 在边框周围插入空间,而 padding 在元素的边框内插入空间。
အခြား ကြည့်ရန်
CSS ဖော်ပြချက်ဟန်တီ ဒိုင်ငံ အခြေခံ အပေါင်း
CSS ဆိုင်ရာ စာအုပ်margin အကျိုးဆောင်ရွက်ရာ
အကျိုးဆောင်ရွက်ရာ
အမှတ် 1
အဖွဲ့အစည်း <div> အကျယ်အဝန်း အတွက် နှစ်လက်လေး အကျယ်အဝန်း သတ်မှတ်ပါ
document.getElementById("myDiv").style.margin = "50px 10px 20px 30px";
အမှတ် 2
အဖွဲ့အစည်း <div> အကျယ်အဝန်း အတွက် အပိုင်းအခြား အကျယ်အဝန်း အတွက် သတ်မှတ်ပါ
document.getElementById("myDiv").style.margin = "25px";
အမှတ် 3
အဖွဲ့အစည်း <div> အကျယ်အဝန်း ကို ပြန်လည်ရှာဖွေပါ
alert(document.getElementById("myDiv").style.margin);
အမှတ် 4
margin အကျိုးဆောင်ရွက်ရာ နှင့် padding အကျိုးဆောင်ရွက်ရာ အခြေခံအချက်
function changeMargin() { document.getElementById("myDiv").style.margin = "100px"; } function changePadding() { document.getElementById("myDiv2").style.padding = "100px"; }
ပြောပြချက်
margin အကျိုးဆောင်ရွက်ရာ ကွတ်ပ်နိုင်ပါ
object.style.margin
margin အကျိုးဆောင်ရွက်ရာ သတ်မှတ်ပါ
object.style.margin = "%|length|auto|initial|inherit"
အကျိုးဆောင်ရွက်ရာ အတိုင်း
အတိုင်း | ဖော်ပြ |
---|---|
% | အဖွဲ့အစည်း အကျယ်အဝန်း ရပ်ကွက် စုစုပေါင်း ရာခိုင်နှုန်း ဖြင့် ဘရာဇက်ပြန်လည်ရေး အကျိုးဆောင်ရွက်ရာ သတ်မှတ်ပါ |
length | အကျယ်အဝန်း မျိုးစေ့ ဖြင့် ဘရာဇက်ပြန်လည်ရေး အကျိုးဆောင်ရွက်ရာ သတ်မှတ်ပါ |
auto | ဘရာဇက်ပြန်လည်ရေး အကျိုးဆောင်ရွက်ရာ အပိုင်းအခြား အပိုင်းများ အတွက် ဘရာဇက်ပြန်လည်ရေး အကျိုးဆောင်ရွက်ရာ သုံးပါ။ အပိုင်းအခြား ဘရာဇက်ပြန်လည်ရေး အကျိုးဆောင်ရွက်ရာ အတွက် ကျမ်းကြည့်ပါ |
initial | ထို အကျိုးဆောင်ရွက်ရာ မည်သည်မှ သုံးနိုင်သော အတိုင်း သတ်မှတ်ပါ။ ကျမ်းကို ကြည့်ရမည် initial。 |
inherit | အဖွဲ့အစည်းမှ ထို အကျိုးဆောင်ရွက်ရာ အခြေခံ အသုံးပြုပါ။ ကျမ်းကို ကြည့်ရမည် inherit。 |
နည်းပါးရပ်
မည်သည်မှ သုံးနိုင်သော အတိုင်း | 0 |
---|---|
လုံခြုံမှုများ | အကြောင်းအရာများကို ပြောဆိုထားသော စကားလုံးများ။ အဆိုပါ အကြောင်းအရာများ အရပ်အချင်း အပြင်ဘက် အကျယ်အဝန်းကို ဖော်ပြထားသည်。 |
CSS 版本: | CSS1 |
浏览器支持
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
支持 | 支持 | 支持 | 支持 | 支持 |
- 上一页 listStyleType
- 下一页 marginBottom
- 返回上一层 HTML DOM Style အပျက်အလုပ်