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