حدود CSS
تسمح لك خصائص حدود CSS بتحديد نمط وعرض ولون حدود العنصر.
لدي حدود من جميع الجهات.
لدي حد سفلي أحمر.
لقد قمت بتقريب الحدود.
نمط الحدود CSS
border-style
تحدد الخاصية نوع الحد الذي سيتم عرضه .
القيم التالية مسموح بها:
dotted
- تحديد حد منقطdashed
- تحديد حد متقطعsolid
- يحدد حدًا متينًاdouble
- تحديد حد مزدوجgroove
- يحدد حدًا محززًا ثلاثي الأبعاد. التأثير يعتمد على قيمة لون الحدودridge
- يحدد حدًا مموجًا ثلاثي الأبعاد. التأثير يعتمد على قيمة لون الحدودinset
- يحدد حد داخلي ثلاثي الأبعاد. التأثير يعتمد على قيمة لون الحدودoutset
- يحدد حدود البداية ثلاثية الأبعاد. التأثير يعتمد على قيمة لون الحدودnone
- لا تحدد أي حدودhidden
- يحدد حدًا مخفيًا
يمكن أن تحتوي border-style
الخاصية على قيمة واحدة إلى أربع قيم (للحد العلوي ، والحد الأيمن ، والحد السفلي ، والحد الأيسر).
مثال
عرض لأنماط الحدود المختلفة:
p.dotted {border-style: dotted;}
p.dashed
{border-style: dashed;}
p.solid {border-style: solid;}
p.double
{border-style: double;}
p.groove {border-style: groove;}
p.ridge
{border-style: ridge;}
p.inset {border-style: inset;}
p.outset
{border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}
نتيجة:
A dotted border.
A dashed border.
A solid border.
A double border.
A groove border. The effect depends on the border-color value.
A ridge border. The effect depends on the border-color value.
An inset border. The effect depends on the border-color value.
An outset border. The effect depends on the border-color value.
No border.
A mixed border.
ملاحظة: لن يكون لأي من خصائص حدود CSS الأخرى (التي ستتعلم المزيد عنها في الفصول التالية) أي تأثير ما لم
border-style
يتم تعيين الخاصية!