خصوصیت background CSS

تعریف و استفاده

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

جزئیات فنی

مقدار پیش‌فرض: not specified
继承性: no
نسخه: CSS1 + CSS3
نوع نوشتاری JavaScript: object.style.background="white url(paper.gif) repeat-y"

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5