English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS background属性是用于设置各个背景属性的简写属性,即一个简写速记属性,而 صورة الخلفية،وضع الخلفية،حجم الخلفية،تكرار الخلفية،إلصاق الخلفية،مبدأ الخلفية،قطع الخلفية和لون الخلفية 这些单一的属性声明。
下表总结了此属性的用法上下文和版本历史记录。
默认值: | 查看所有属性值 |
---|---|
适用于: | 所有元素 |
继承: | 没有 |
可动画制作: | 是的,因为速记的某些属性可以设置动画。请参考 动画属性。 |
版本: | CSS 1،2،3 |
JavaScript 语法: | object object.style.background="red url(smiley.gif) top left no-repeat" |
属性的语法如下:
background: [ image position/size repeat attachment origin clip color ] | initial | inherit
ملاحظة:إذا كانت أي من الخاصيات المذكورة أعلاه مفقودة أو مكتوبة بشكل تاليف، يتم إدخال قيمة الخاصية الافتراضية (إذا كانت موجودة) في الموضع. للتفاصيل، راجع كل خاصية.
في هذا المثال، يتم عرض كيفية استخدام خاصية background.
body {background: #ffff00 url("smiley.png") no-repeat fixed center;}اختبرها و شاهد‹/›
في CSS3، يمكنك أيضًا إضافة عدة خلفيات إلى عنصر واحد. تتراكم الخلفيات فوق بعضها البعض على طول المحور z.
.box { العرض: 100%; الارتفاع: 500px; background: url("images/birds.png") no-repeat center, url("images/clouds.png") no-repeat center, lightblue; }اختبرها و شاهد‹/›
يصف الجدول أدناه قيمة هذه الخاصية.
القيمة | وصف |
---|---|
إلصاق الخلفية | تحديد إذا كانت الخلفية تتبع التدفق المكتوب أم تبقى ثابتة في منطقة الرؤية. |
لون الخلفية | تعيين لون الخلفية للعنصر. |
قطع الخلفية | تحديد منطقة رسم الخلفية. |
صورة الخلفية | تعيين خلفية واحدة أو أكثر لعنصر. |
مبدأ الخلفية | تحديد منطقة التوضع لصورة الخلفية. |
وضع الخلفية | تعيين موقع صورة الخلفية الأساسي. |
تكرار الخلفية | تحديد حجم ووضع صورة الخلفية ثم كيفية التكرار. |
حجم الخلفية | تحديد حجم صورة الخلفية. |
بداية | ضع هذا الخصائص في قيمته الافتراضية. |
تنسيق | إذا تم تحديد، فإن العناصر المرتبطة تأخذ قيمة حساب خاصية الخلفية للعنصر الأب. |
متوافق مع متصفحات الخلفية للملف، جميع المتصفحات الشائعة يدعمون هذه الخاصية.
|
يرجى الرجوع إلى التعليمات التالية:خلفية CSS،خلفية CSS3。
خصائص مرتبطة:إلصاق الخلفية،لون الخلفية،قطع الخلفية،صورة الخلفية،مبدأ الخلفية،وضع الخلفية،تكرار الخلفية،حجم الخلفية。