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