به سایت ما خوش آمدید . امیدوارم لحظات خوشی را درسایت ما سپری نمایید .

خوش آمدید

هر گونه نظر و پیشنهاد و انتقادی داشتید، در قسمت نظرات اعلام کنید.

موضوعات

 

 

با استفاده از ویژگی padding-left می توان عرض فضای داخلی سمت چپ عنصر را تنظیم کرد.

قبل از بررسی این ویژگی باید با Box Model در سی اس اس آشنا باشیم تا نواحی مختلف هر عنصر را بشناسیم.

ادامه مطلب
کسب درآمد

 

به عنوان نمونه برای عنصری این ویژگی را برابر با 25 پیکسل قرار می دهیم:

 


div {
  padding-left: 25px;
}

 

نتیجه بصورت زیر خواهد بود:

 
padding-left
 

 

مقادیر ویژگی padding-left

 


padding-left: <length> | <percentage> | inherit

 

 

مقدار طولی

به کمک واحدهای مطلق و نسبی می توان به این ویژگی مقدار داد.

 


padding-left: 100px;
padding-left: 4rem;
padding-left: 10vh;
padding-left: 100cm;

 

مقدار اولیه این ویژگی 0 است به این معنی که هیچ فاصله داخلی به صورت پیشفرض برای عنصر وجود ندارد.

 

مقدار درصدی

اگر از مقادیر درصدی استفاده کنیم مرورگر مقدار را نسبت به عرض نگهدارنده یا همان پدر عنصر تعیین می کند.

 


.dad {
  width: 100px;
}

.dad .boy {
  padding-left: 10%; /* 10px */
}

 

 

inherit

با استفاده از کلمه کلیدی inherit مقدار این ویژگی عنصر برابر با مقدارش برای پدر عنصر خواهد بود.



کسب درآمد
دوشنبه 15 آبان 1396  - 10:06 AM

جستجو

آمار سایت

کل بازدید : 180304
تعداد کل پست ها : 1817
تعداد کل نظرات : 4
تاریخ ایجاد بلاگ : یک شنبه 4 مرداد 1394 
آخرین بروز رسانی : سه شنبه 15 خرداد 1397 

نویسندگان

س . م

امکانات جانبی