پهنا حلقه‌های CSS

پهنا حلقه‌های CSS

outline-width خصائص تحديد عرض الهوامش، ويُمكن تعيين أحد القيم التالية:

  • thin (عادةً 1px)
  • medium (عادة 3px)
  • thick (عادة 5px)
  • حجم محدد (بالمليمترات px،pt،cm،em)

في المثال التالي، يتم عرض بعض الهياكل المختلفة من حيث العرض:

هيكل نحيف.

هيكل متوسط.

هيكل سميك.

محددات 4 بكسل للهيكل.

مثال

p.ex1 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: thin;
}
p.ex2 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: medium;
}
p.ex3 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: thick;
}
p.ex4 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: 4px;
}

تجربة بنفسك