سی ایس ایس بیک گراوند اپنٹری

تعریف اور استعمال

background کمروپیش کا استعمال، تمام خصوصیات پس منظر کو ایک دفعہ میں تنظیم کرنا ہوتا ہے۔

درآمدی کی جو معاملات تنظیم کی جاسکتی ہیں:

اگرکسی کا مطلب نرسد، مشکل نمیشود، مثلاً background:#ff0000 url('smiley.gif'); بھی مجاز ہے۔

معمولاً توصیه می‌شود که از این ویژگی استفاده شود تا از استفاده جداگانه از هر یک از ویژگی‌های جداگانه استفاده شود، زیرا این ویژگی در مرورگرهای قدیمی‌تر بهتر پشتیبانی می‌شود و نیاز به تایپ حروف کمتری نیز دارد.

لطفاً به: مراجعه کنید

آموزش CSS:CSS پس منظروپس‌زمینه CSS (پیشرفته)

دستورالعمل HTML DOM:ویژگی background

مثال

چگونه می‌توان همه ویژگی‌های پس‌زمینه را در یک جمله تنظیم کرد:

body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }

آزمایش کنید

آموزش CSS

background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

مقدار ویژگی

مقدار توضیح CSS
background-color تعیین می‌کند که رنگ پس‌زمینه‌ای که باید استفاده شود. 1
background-position تعیین می‌کند که موقعیت تصویر پس‌زمینه است. 1
background-size تعیین می‌کند که اندازه تصویر پس‌زمینه است. 3
background-repeat تعیین می‌کند که چگونه تصویر پس‌زمینه تکرار شود. 1
background-origin تعیین می‌کند که محدوده قرارگیری تصویر پس‌زمینه است. 3
background-clip تعیین می‌کند که محدوده نقاشی پس‌زمینه است. 3
background-attachment تعیین می‌کند که تصویر پس‌زمینه‌ای به طور ثابت یا با صفحه باقی‌مانده حرکت کند. 1
background-image تعیین می‌کند که تصویر پس‌زمینه‌ای که باید استفاده شود. 1
inherit تعیین می‌کند که تنظیمات background باید از عنصر والد ارث بگیرد. 1

جزئیات فنی

مقدار پیش‌فرض: نوعی مشخص نشده
ارث: خیر
نسخه: CSS1 + CSS3
آموزش زبان جاوااسکریپت: اجسام.style.background="white url(paper.gif) repeat-y"

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این ویژگی را به طور کامل پشتیبانی می‌کند.

کروم ایج افریچ سافاری اپرا
کروم ایج افریچ سافاری اپرا
1.0 4.0 1.0 1.0 3.5