آموزش عرض خط بیرونی در CSS

تعریف outline-width

ویژگی outline-width در CSS برای تعیین ضخامت خط بیرونی (Outline) استفاده می‌شود. این ویژگی می‌تواند یکی از مقادیر زیر را داشته باشد:

• thin → نازک (معمولاً ۱px)
• medium → متوسط (معمولاً ۳px)
• thick → ضخیم (معمولاً ۵px)
• اندازه مشخص → می‌توان مقدار دقیق را با واحدهایی مثل px، pt، cm، em و … تعیین کرد

مثال: انواع outline-width

در مثال زیر، چند پاراگراف با ضخامت‌های مختلف خط بیرونی نمایش داده می‌شوند:

p {
  padding: 5px;
  outline-style: solid;
  outline-color: green;
}

p.ex1 {
  outline-width: thin;
}

p.ex2 {
  outline-width: medium;
}

p.ex3 {
  outline-width: thick;
}

p.ex4 {
  outline-width: 8px;
}

نتیجه اجرای مثال

• خط بیرونی نازک (thin)
• خط بیرونی متوسط (medium)
• خط بیرونی ضخیم (thick)
• خط بیرونی با ضخامت مشخص (۸px)