عرض Outline

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
< CSS:Tutorial‏ | Outline(تغییرمسیر از CSS: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;
}


منابع آموزشی