في هذا الدرس 2تصفّح المواضيع
في لغة CSS يمكن أختصار جميع الخصائص [<background-color>] [<background-image>] [<background-position>]/[<background-size>] [<background-repeat>] [<background-origin>] [<background-clip>] [<background-attachment>] [<initial|inherit>] بداخل خاصية واحدة وهي background وتكتب جميع القيم بالترتيب بداخلها بدلاً من قيمة واحدة.
Background Shorthand syntax
يتم صف القيم بهذا الترتيب حتي تعمل جميع الخصائص بطريقة صحيحة مع إختصار background.
background: [<background-color>] [<background-image>] [<background-position>]/[<background-size>] [<background-repeat>] [<background-origin>] [<background-clip>] [<background-attachment>] [<initial|inherit>];CSS Background without Shorthand
بدون إختصارة تكتب جميع الخصائص كاملة بدلاً من إستخدام الأختصار background.
body
{
background-color: pink;
background-image:url('https://www.closetag.com/images/background.jpg');
background-position: right top;
background-attachment:fixed;
background-size:100px;
background-repeat: no-repeat;
}تستخدم خاصية background في لغة CSS لأختصار جميع خصائص الخلفيات في لغة CSS يمكن أختصار جميع الخصائص [<background-color>] [<background-image>] [<background-position>]/[<background-size>] [<background-repeat>] [<background-origin>] [<background-clip>] [<background-attachment>] [<initial|inherit>] بداخل خاصية واحدة وهي background,ويتم كتابة جميع القيم بداخلها.
CSS Background without Shorthand
إختصارة جميع الخصائص في خاصية واحده وهي background.
body
{
background:pink url('https://www.closetag.com/images/background.jpg') right top / 100px 100px fixed no-repeat;
}CSS Background less Shorthand
ليس من الضروري كتابة جميع الأختصارات يمكن أستخدام خاصية واحدة أو أكثر علي حسب الأحتياج لا داعي لكتابة جميع القيم.
body
{
background:pink url('https://www.closetag.com/images/background.jpg') no-repeat;
}سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.
المصطلحات9
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 Shorthand إختصار
- للمراجعة
- 02 Background خلفية
- للمراجعة
- 03 Properties خصائص
- للمراجعة
- 04 Property خاصية
- للمراجعة
- 05 Value قيمة
- للمراجعة
- 06 Attachment إرفاق / اداة ملحقة
- للمراجعة
- 07 Repeat تكرار
- للمراجعة
- 08 Image صورة
- للمراجعة
- 09 Color لون
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
الاختصارات2
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 CSS CSS
- Cascading Style Sheets
- صفحات الأنماط الانسيابية
- للمراجعة
- 02 HTML HTML
- Hypertext Markup Language
- لغة توصيف النص الفائق الخاصة ببناء صفحة الإنترنت<p><a href="https://www.closetag.com/tutorial/html/html-introduction">المزيد عن HTML</a></p>
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
اختبر فهمك.
ووصلها للإتقان.
كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.
أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.
الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.
لمحة عن التحدي2 أسئلة تنتظرك ＋
هل يمكننا استخدام جميع خصائص الخاصة بالخلفية في مرة واحدة ؟
ماهو اسم الخاصية التي تستخدم لأضافة قيم اكثر من خاصية خاصة بالخلفية معا ؟
____