💻 آخرین فرصت یادگیری برنامه‌نویسی با آفر ویژه قبل از افزایش قیمت در ۵ آذر ماه (🎁 به همراه یک هدیه ارزشمند )
۰ ثانیه
۰ دقیقه
۰ ساعت
۱ محمد مهدی کاظمی
ساختار پراپرتی‌های padding , margin
جامعه Html & CSS ایجاد شده در ۱۵ خرداد ۱۳۹۹

همانطور که اقای صالحی اشاره کردند اگر به پراپرتی padding و margin یک مقدار بدهیم ( مثلا: 30px)، این مقدار بر روی هر چهار طرف المان اعمال می‌شود. اما اگر دو یا سه مقدار داشته باشد، مقادیر به صورت زیر اعمال می‌شوند:

 

دو مقدار: 

اگر پراپرتی padding و margin دو مقدار داشته باشد، مقدار اول برای بالا و پایین و مقدار دوم برای چپ و راست اعمال می‌شود:

padding : 20px 40px; /* padding : (top and bottom) (right and left); */

 

سه مقدار:

اگر پراپرتی padding و margin سه مقدار داشته باشد، مقدار اول برای بالا، مقدار دوم برای چپ و راست و مقدار سوم برای پایین اعمال می‌شود:

margin : 10px 20px 30px; /* margin : (top) (right and left) (bottom); */

 

 

همچنین اگر مقدار چپ و راست را "auto" در نظر بگیریم المان وسط چین میشود!

خیلی ممنون بابت به اشتراک گذاری این مطلب 

واقعا مفید و جالب بود!

علی طباطبایی ۱۰ آبان ۱۳۹۹، ۱۷:۰۵