CSS – عرض خط‌چین (Outline Width)

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

  • thin (معمولاً ۱ پیکسل)
  • medium (معمولاً ۳ پیکسل)
  • thick (معمولاً ۵ پیکسل)
  • یک اندازه خاص (به واحدهای px، pt، cm، em و غیره)

مثال:

تست برخی از خط‌چین‌ها با عرض‌های مختلف:

  • یک خط‌چین نازک
  • یک خط‌چین متوسط
  • یک خط‌چین ضخیم
  • یک خط‌چین به عرض ۴ پیکسل
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;
}

این کد CSS به شما امکان می‌دهد تا با استفاده از ویژگی outline-width، عرض‌های مختلف خط‌چین را به عناصر خود اضافه کنید.

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
JavaScript - تاریخ‌ها (Dates)

JavaScript – تاریخ‌ها (Dates)

آبجکت‌های تاریخ (Date) در جاوااسکریپت آبجکت‌های تاریخ در جاوااسکریپت به ما امکان کار با تاریخ و زمان را می‌دهند....

بیشتر بخوانید
JavaScript - آرایه‌های ثابت (Array Const)

JavaScript – آرایه‌های ثابت (Array Const)

جاوااسکریپت: تعریف آرایه با const در سال 2015، جاوااسکریپت کلمه کلیدی مهمی به نام const را معرفی کرد. این...

بیشتر بخوانید
JavaScript - تکرار آرایه‌ها (Array Iteration)

JavaScript – تکرار آرایه‌ها (Array Iteration)

جاوا اسکریپت: تکرار بر روی آرایه‌ها جاوا اسکریپت روش‌های مختلفی برای تکرار (Iteration) بر روی آرایه‌ها ارائه می‌دهد که...

بیشتر بخوانید

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید.