امتیاز موضوع:
  • 1 رأی - میانگین امتیازات: 3
  • 1
  • 2
  • 3
  • 4
  • 5
ویژگی background-size در CSS3
نویسنده پیام
Ghoghnus آفلاین
مدیر بخش
*****

ارسال‌ها: 1,474
موضوع‌ها: 259
تاریخ عضویت: آذر ۱۳۸۸

تشکرها : 1643
( 3907 تشکر در 1435 ارسال )
ارسال: #1
ویژگی background-size در CSS3
با استفاده از background-size میتوانید سایز تصویر پیش زمینه را تعیین کنید .
تا پیش از CSS3 ما باید بکگراند ها را ابتدا کوچک میکردیم و سپس آن را استفاده میکردیم . ولی حالا میتوانیم از یک بکگراند در چند سایز مختلف استفاده کنیم .
شما میتوانید از پیکسل (px) یا درصد استفاده کنید .

نمونه (با پیکسل)
کد:
div {
background:url(img_flwr.gif);
-moz-background-size:80px 60px; /* Firefox 3.6 */
background-size:80px 60px;
background-repeat:no-repeat;
}


نمونه (با درصد)
کد:
div {
background:url(img_flwr.gif);
-moz-background-size:100% 100%; /* Firefox 3.6 */
background-size:100% 100%;
background-repeat:no-repeat;
}

[تصویر:  a.jpg]

باور کنیم
همانگونه که در غیبت مقصریم در ظهور موثریم!
نیستیم؟

زیر شمشیر غمش رقص کنان باید رفت #  کان که شد کُشته ی او نیک سرانجام افتاد



 چشمک - بهینه شده برای ورژن جدید دانلود پروژه برنامه نويسي
۲۶-آذر-۱۳۹۲, ۱۴:۲۴:۴۱
وب سایت ارسال‌ها
پاسخ
تشکر شده توسط : Ambassador, babyy


موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  سایه برای اجزا در CSS3 hamed_Arfaee 1 1,744 ۲۳-فروردین-۱۳۹۳, ۰۱:۵۹:۲۲
آخرین ارسال: hamed_Arfaee
  حاشیه تصویری در CSS3 hamed_Arfaee 1 1,650 ۲۳-فروردین-۱۳۹۳, ۰۱:۴۶:۰۵
آخرین ارسال: hamed_Arfaee
  گرد کردن گوشه ها در CSS3 hamed_Arfaee 1 1,368 ۲۳-فروردین-۱۳۹۳, ۰۱:۴۰:۰۷
آخرین ارسال: hamed_Arfaee
  پیش زمینه های چندگانه با CSS3 Ghoghnus 0 1,247 ۲۶-آذر-۱۳۹۲, ۱۴:۲۶:۲۸
آخرین ارسال: Ghoghnus
  ویژگی background-origin در CSS3 Ghoghnus 0 1,069 ۲۶-آذر-۱۳۹۲, ۱۴:۲۵:۵۸
آخرین ارسال: Ghoghnus
  CSS3 & jQuery folder tabs Ghoghnus 0 1,369 ۱۹-آذر-۱۳۹۲, ۲۰:۳۲:۴۶
آخرین ارسال: Ghoghnus

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان

صفحه‌ی تماس | IranVig | بازگشت به بالا | | بایگانی | پیوند سایتی RSS