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