css_14

CSS Margin

The CSS margin properties define the space around elements.

CSS မွာသံုးတဲ့ Margin Property ကေတာ့ Element တစ္ခုရဲ့ ပတ္ပတ္လယ္က အစိတ္အပိုင္းကို ကိုစားျပဳပါတယ္၊

Margin မွာ အေရာင္ ထည့္လို႔မရပဲ ဒိုးယိုေပါက္အေရာင္ပဲရွိေနရပါတယ္၊

Margin တစ္ခုရဲ့ အေပၚ, ေအာက္, ညာ, ဘယ္ အားလံုးကို သတ္ဆိုင္ရာ Property ကိုအသံုးျပဳျပီးေျပာင္းလဲ ႏိုင္ပါတယ္၊

ေအာက္မွာ Margin ေလးဖက္ကို မတူညီတဲ့တန္ဖိုးေတြသတ္မွတ္ေပးထားတာကိုၾကည့္ပါ၊

margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;

Margin - Shorthand property

Margin ကိုအတိုေကာက္ေရးလို႔လဲရပါတယ္၊ ေအာက္မွာ အတိုေကာက္ေရးပံုကိုၾကည့္ပါ၊

• margin:25px 50px 75px 100px;

အထက္က ေရးတဲ့ပံုကေတာ့ top ကို 25px, right ကို 50px, bottom ကို 75 px, left margin ကိုေတာ့ 100px,

• top margin is 25px
• right margin is 50px
• bottom margin is 75px
• left margin is 100px

• margin:25px 50px 75px;

အထက္က ေရးတဲ့ပံုကေတာ့ top ကို 25px, right နဲ႔ left ကို 50px, bottom ကို 75 px,

• margin:25px 50px;

အထက္က ေရးတဲ့ပံုကေတာ့ top နဲ႔ bottom ကို 25px, right နဲ႔ left margin ကို 50px,

• margin:25px;
• all four margins are 25px

အထက္က ေရးပံုကေတာ့ ေလးဖက္ လံုးမွာရွိတဲ့ Margin ကို 25px လို႔ထားလိုက္တာပါ၊

All CSS Margin Properties

Property	Description
margin	Declaration တစ္ခုထဲမွာ Margin နဲ႔ ပတ္သတ္သမွ်ကို မွတ္သားျခင္း
margin-bottom	Element တစ္ခုရဲ့ ေအာက္ဖက္က Margin ကိုမွတ္သားျခင္း
margin-left	Element တစ္ခုရဲ့ ဘယ္ဖက္က Margin ကိုမွတ္သားျခင္း
margin-right	Element တစ္ခုရဲ့ ညာဖက္က Margin ကိုမွတ္သားျခင္း
margin-top	Element တစ္ခုရဲ့ အေပၚဖက္က Margin ကိုမွတ္သားျခင္း