في هذا الدرس 3تصفّح المواضيع
CSS Outline
الإطارات الخارجية في لغة CSS
CSS Outline الإطارات الخارجية في لغة CSS
خاصية outline تُستخدم في اضافة إطار خارجي لجميع عناصر HTML ويمكنك التحكم في سُمك (حجم) الإطار ( outline ) أو لونة أو نوعه في لغة CSS.
- outline هو إطار خارجي يكون أعلي الأطار الداخلي وهو border يمكن إضافتة معه أو إستخدامة بدونه.
- outline هو إطار خارجي ولا يعتبر جزء من العنصر بخلاف border فهو جزء من العنصر لأنه يرسم داخل حدود العنصر.
CSS Outline VS Border
الفرق بين الإطار الخارجي outline والإطار الداخلي border في لغة CSS
CSS Outline VS Border الفرق بين الإطار الخارجي outline والإطار الداخلي border في لغة CSS
outline هو متشابه إلي حد كبير مع border ولكن هناك بعض الإختلافات التي يجب معرفتها حتي يتثني لك كيفية إختيار أحدهم:
- outline يكون خارج حدود العنصر مما يؤدي إلي تداخلة مع العناصر المُحيطة أو التي حولة.
- يمكن أن نتحكم في كل جوانب من جوانب border علي حدة ولا يمكن فعل ذلك مع outline.
- يمكن أن نتحكم في تدوير زوايا border ولا يمكن فعل ذلك مع outline.
- يمكن عمل مساحات فارغة بين العنصر وبين outline ولكن هذة الميزة غير موجوده بين العنصر و border.
CSS Outline Style
أنواع الإطارات الخارجية outline في لغة CSS
CSS Outline Style أنواع الإطارات الخارجية outline في لغة CSS
- dotted - لعمل Outline منقط
- dashed - لعمل Outline مكون من علامه ال dash -
- solid - لعمل Outline عادي.
- double - لعمل Outline مزدوج.
- groove - لعمل Outline 3D ثلاثي الأبعاد.
- ridge - لعمل Outline 3D ثلاثي الأبعاد.
- inset - لعمل Outline 3D ثلاثي الأبعاد.
- outset - لعمل Outline 3D ثلاثي الأبعاد.
- none - لإلغاء Outline الإطار الخارجي.
- hidden - لعمل Outline مخفي.
سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.
المصطلحات19
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 Outline حدود عريضة خارجية
- للمراجعة
- 02 Border حد
- للمراجعة
- 03 Sytnax بناء الجملة
- للمراجعة
- 04 Properties خصائص
- للمراجعة
- 05 Style نمط أو شكل
- للمراجعة
- 06 Color لون
- للمراجعة
- 07 Width عرض
- للمراجعة
- 08 Offset إلتواء
- للمراجعة
- 09 Element عنصر
- للمراجعة
- 10 Dotted حد منقط
- للمراجعة
- 11 Dashed حد متقطع
- للمراجعة
- 12 Solid حد عادي
- للمراجعة
- 13 Double مزدوج
- للمراجعة
- 14 Groove حد 3D
- للمراجعة
- 15 Ridge حد 3D
- للمراجعة
- 16 Inset حد 3D
- للمراجعة
- 17 Outset حد 3D
- للمراجعة
- 18 None لاشئ
- للمراجعة
- 19 Hidden مخفي
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
الاختصارات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 أسئلة تنتظرك ＋
ماهي الخاصية التي تستخدم في اضافة اطار خارجي لجميع عناصر ال HTML ؟
____