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