مجموع عرض

[irpersian20]

سلام
این چطوری حساب کرده؟ padding چطور از سمت راست و چپ انجام شده؟ margin و border طور از سمت چپ و راست انجام میشه؟ چطوری دوطرفه زیاد میشه؟
width: 250px;
padding: 10px;
border: 5px solid gray;
margin: 10px;


Let's do the math:
250px (width)
+ 20px (left + right padding)
+ 10px (left + right border)
+ 20px (left + right margin)
= 300px

[mehbod.rayaneh]

درود
مجموع عرض و ارتفاع برابر میشه با width+padding+margin+border !
این کد شما میگه :
width:250px;
pdding-top:10px;
padding-left:10px;
padding-bottom:10px;
padding-right:10px;
ک برای margin , border هم همینطوره! ینی برای چهار طرف مقدار دهی شده است!
شما میتونید اینطور مقدار دهی کنید :
margin : 10px 2px 22px 3px
ک میشه 10px از بالا ، 2px از راست ، 22px از پایین و 3px از چپ!
برا padding , border هم میتونید از همین روش استفاده کنید :
padding:top(px) right(px) bottom(px) left(px)
ک باز میتونید مقادیر را ادغام کنید!
ینی بالا و پایین با هم و چپ و راست با هم :
margin : 10px 15px
ک این میشه 10 پیکسل از بالا و پایین و 15 پیکسل از چپ و راست
و نهایتا بازم میتونید ادغام کنید :
margin : 10px
ک میشه از بالا و پایین و چپ و راست 10 پیکسل فاصله بیگیر!!!
پس اگر بخوایم توی کد شما عرض را حساب کنیم میشه :
width(250px)+padding-right(10px)+padding-left(10px)+border-right(5px)+border-left(5px)+margin-right(10px)+margin-left(10px)=300px
پیروز باشید