CSS Outline style
تحديد نوع الإطار الخارجي outline في لغة CSS
سوف تتعلم في هذا الدرس التحكم في شكل أو نوع outline الإطار بإستخدام خاصية outline-style في لغة CSS.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
CSS outline style
تحديد نوع الإطار الخارجي outline في لغة CSS
</>
CSS outline style
تحديد نوع الإطار الخارجي outline في لغة CSS
خاصية outline-style في لغة CSS تُستخدم لتُحدد شكل أو نوع outline الإطار الخارجي من الاربع جوانب [left-right-top-bottom] وهي الوحيدة المطلوبة لعمل outline إطار خارجي دون أي خاصية أخري ويظهر outline الإطار الخارجي بشكلة الأفتراضي ولونة الأفتراضي وحدمة الأفتراضي.
قيم خاصية outline-style في لغة 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 مخفي.
outline-style syntax
طريقة كتابة خاصية outline-style في لغة CSS.
outline-style:value;
outline-style values
قيم خاصية outline-style في لغة CSS.
outline-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
مهم
</>
CSS outline style with none
خاصية outline-style مع القيمة none في لغة CSS
CSS outline style with none
خاصية outline-style والقيمة none في لغة CSS.
p
{
outline-style:none;
}
ملاحظة
</>
CSS outline style with dotted
خاصية outline-style مع القيمة dotted في لغة CSS
CSS outline style with dotted
خاصية outline-style والقيمة dotted في لغة CSS.
p
{
outline-style:dotted;
}
</>
CSS outline style with dashed
خاصية outline-style مع القيمة dashed في لغة CSS
CSS outline style with dashed
خاصية outline-style والقيمة dashed في لغة CSS.
p
{
outline-style:dashed;
}
</>
CSS outline style with solid
خاصية outline-style مع القيمة solid في لغة CSS
CSS outline style with solid
خاصية outline-style والقيمة solid في لغة CSS.
p
{
outline-style:solid;
}
</>
CSS outline style with double
خاصية outline-style مع القيمة double في لغة CSS
CSS outline style with double
خاصية outline-style والقيمة double في لغة CSS.
p
{
outline-style:double;
}
</>
CSS outline style with groove
خاصية outline-style مع القيمة groove في لغة CSS
CSS outline style with groove
خاصية outline-style والقيمة groove في لغة CSS.
p
{
outline-style:groove;
}
</>
CSS outline style with ridge
خاصية outline-style مع القيمة ridge في لغة CSS
CSS outline style with ridge
خاصية outline-style والقيمة ridge في لغة CSS.
p
{
outline-style:ridge;
}
</>
CSS outline style with inset
خاصية outline-style مع القيمة inset في لغة CSS
CSS outline style with inset
خاصية outline-style والقيمة inset في لغة CSS.
p
{
outline-style:inset;
}
</>
CSS outline style with outset
خاصية outline-style مع القيمة outset في لغة CSS
CSS outline style with outset
خاصية outline-style والقيمة outset في لغة CSS.
p
{
outline-style:outset;
}
</>
CSS outline style with hidden
خاصية outline-style مع القيمة hidden في لغة CSS
CSS outline style with hidden
خاصية outline-style والقيمة hidden في لغة CSS.
p
{
outline-style:hidden;
}
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
