عرض Outline

« صفحهٔ قبل

صفحهٔ بعد »

عرض outline در CSS

ویژگی outline-width عرض یک outline را مشخص می‌کند و می‌تواند یکی از مقادیر زیر را داشته باشد:

• نازک (معمولا ۱ پیکسل)

• متوسط (معمولا ۳ پیکسل)

• ضخیم (معمولا ۵ پیکسل)

• یک اندازه خاص (برحسب: px ,pt ,cm ,em ,etc)

مثال زیر تعدادی outline با عرض‌های متفاوت را نمایش می‌دهد:

یک outline نازک

یک outline متوسط

یک outline ضخیم

یک outline با ضخامت ۴ پیکسل

مثال

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;
}

مشاهدهٔ نتیجه

« صفحهٔ قبل

صفحهٔ بعد »