ویژگی margin-right در css
ویژگی margin-right در css فضا خارجی راست برای تگ html
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی قصد داریم در مورد صفت margin-right در css توضیحاتی را ارائه نماییم. ویژگی margin-right در اولین نسخه زبان طراحی css یعنی CSS1 معرفی شده است.
معرفی ویژگی کاربردی margin-right در زبان طراحی سی اس اس
margin ، فضای بیرونی بین تگ های html را تعیین می کند. توسط خاصیت margin-right می توانیم عرض فضای خارجی راست تگ html را مشخص نماییم.خصوصیت margin ، علاوه بر مقدار مثبت ، مقدار منفی هم می پذیرد.
مقادیر ویژگی margin-right در زبان طراحی سی اس اس
صفت کاربردی margin-right که در زبان طراحی CSS1 معرفی شده است، 5 مقدار می پذیرد که عبارتند از:
- مقدار length ( مقدار عددی )
- مقدار % ( مقدار درصدی )
- مقدار auto
- مقدار initial
- مقدار inherit
برای کسب اطلاعات بیشتر در مورد طراحی وب حتما به صفحه آموزش طراحی سایت سر بزنید.
مقدار length ( مقدار عددی ) درون خاصیت margin-right در زبان سی اس اس
اگر خاصیت margin-right را برابر با مقدار length ( مقدار عددی ) قرار دهیم، یعنی می خواهیم یک مقدار عددی اعم از rem و px و cm و… جهت تعیین عرض فضای خارجی راست عنصر html مربوطه مشخص نماییم. مقدار پیش فرض عددی در خاصیت margin-right ، عدد 0 می باشد. مثال براساس مقدار length ( مقدار عددی ) برای خاصیت margin-right:
div {margin-right: 20px;}
مقدار % ( مقدار درصدی ) درون خاصیت margin-right در زبان سی اس اس
اگر ویژگی margin-right در css را برابر با مقدار % ( مقدار درصدی ) قرار دهیم، یعنی می خواهیم مرورگر ، مقدار درصدی را نسبت به عرض فضای خارجی راست تگ نگهدارنده یا همان پدر تگ html مربوطه تعیین کند. مثال براساس مقدار % ( مقدار درصدی ) برای خاصیت margin-right:
div {margin-right: 30%;}
مقدار auto درون خاصیت margin-right در زبان سی اس اس
اگر خاصیت margin-right را برابر با مقدار auto قرار دهیم، یعنی می خواهیم مرورگر کاربر عرض فضای خارجی راست عنصر html مربوطه را تعیین کند. مثال براساس مقدار auto برای خاصیت margin-right:
div {margin-right: auto;}
مقدار initial درون خاصیت margin-right در زبان سی اس اس
اگر خاصیت margin-right را برابر با مقدار initial تعریف کنیم، در حقیقت مقدار پیش فرض این خصوصیت برای تگ html مورد نظر اعمال می شود.
مقدار inherit درون خاصیت margin-right در زبان سی اس اس
اگر ویژگی margin-right در css را برابر با مقدار inherit تعریف کنیم، در واقع تگ html مربوطه خصوصیت مورد نظر را از والد پدری خود به ارث می برد.
بررسی خاصیت margin-right از نظر نسخه زبان طراحی سی اس اس
خصوصیت margin-right در اولین نسخه زبان طراحی css یعنی CSS1 معرفی شده است.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی وب با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
بررسی ساختاری خصوصیت margin-right
عناوین ساختاری خاصیت margin-right | وضعیت ساختاری خاصیت margin-right |
مقدار پیش فرض | 0 |
قابلیت توارث | ندارد |
قابلیت تحرک | دارد |
ورژن css صفت | CSS1 |
سینتکس صفت در جاوا اسکریپت | "object.style.marginRight="100px |
پشتیبانی مرورگرهای اینترنتی از ویژگی margin-right در css
خاصیت css | |||||
margin-right | 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
پیوندهای مهم و کاربردی
تگ های HTML در سایت آموزی | تگ های جدید HTML5 در سایت آموزی | صفات تگ های HTML در سایت آموزی | تگ های منسوخ شده HTML5 در سایت آموزی | تگ های block level و inline level در سایت آموزی | تگ های HTML در W3school | ویژگی های CSS در سایت آموزی | ویژگی های CSS در W3schools
ویژگی margin-right در css فضا خارجی راست تگ html – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید