توضیح این خصوصیات از css

این تاپیک 1 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  لقمان آوند ،‏ 2 سال و 3 ماه پیش .

این تاپیک تاکنون 549 بازدید داشته است .

نویسنده پست
پنجشنبه ، 28 آگوست 2014     3:48 ب.ظ #


sadaf

Subscriber
VIP
99 پست88 تاپیک

سلام خسته نباشید

خاصیت cover و contain از ویژگی background-size کارشون چیه؟

تو تعریف هر کدوم این اومده ولی متوجه نمیشم

cover:اندازه عکس پس زمینه به قدری بزرگ می شود که تمام ناحیه content را بپوشاند. ممکن است مقداری از عکس پس زمینه داخل ناحیه content قرار نگیرد و قابل رویت نباشد.

contain:اندازه عکس پس زمینه به قدری بزرگ می شود که در ناحیه content جا شود و در ضمن تمام آن قابل رویت باشد.]

میشه لطف کنید و عملکرد content روهم توضیح بدین

ممنون

0  تشکر
پنجشنبه ، 28 آگوست 2014     4:39 ب.ظ #


لقمان آوند

مدیر ارشد
VIP
1704 پست5 تاپیک

برای اینه که اگه عکسی که در پس زمینه میزارید کوچکتر و یا بزرگتر از اون شئ باشه، اون عکس به صورت کامل و فیت در پس زمینه قرار بگیره و کشیده بشه به اندازه ی اون شئ.

مثلا اگر یه div داشته باشید که طول و عرضش به ترتیب 500 در 200 باشه و یه عکسی با سایز 50 در 20 رو برای پس زمینش بزارید، و یکی از این دو خصوصیت رو استفاده کنید، اون عکس کوچیک، اینقدر کشیده میشه تا تا در پس زمینه ی کل محتوای div قرار بگیره . و نه اینکه تکرار بشه ...

دو مورد رو تست کنید خودتون تفاوتشون رو میبینید .

cover عکسو بزرگ یا کوچیک میکنه تا بخشی از عکس همه ی محتوا رو بگیره . ولی content کل عکس رو فیت فیت میکنه و به اندازه ی محتوا می کشونه .

 

1  تشکر
پست 1 تا 2 (از مجموع 2 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .