آموزش ویژگی outline-width در CSS

 

ضخامتِ ویژگیِ Outline در CSS

ویژگی outline-width مشخص می کند که ضخامت(width) اوت لاین(outline) چقدر باشد و می تواند حاوی مقادیر زیر باشد:
1. thin (معمولاً 1px): نازک

2. medium (معمولا 3px) : متوسط

3. thick (معمولا 5px): ضخیم

4. یک سایز خاص: مثلا به واحد px، pt, cm, em و غیره.

در مثال زیر، تعدادی outline با ضخامت های متفاوت وجود دارد:

ویژگی outline-width در CSS

یک outline نازک(thin)


یک outline متوسط(medium)


یک outline ضخیم(thick)


یک outline با ضخامت 4px

مثال شماره 1

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;
}
امتحان کنید

 

نوشتن دیدگاه

لطفا نظرات خود را بیان کنید. به سوالات در سریع ترین زمان پاسخ داده خواهد شد.اما به نکات زیر توجه کنید:
1. سعی کنید نظرات شما مرتبط با مقاله ی مورد نظر باشد، در غیر این صورت پاسخ داده نخواهد شد.
2. سوالات خود را به صورت کوتاه بیان کنید و از پرسیدن چند سوال به طور همزمان خودداری کنید.
3. سوال خود را به طور واضح بیان کنید و از کلمات مبهم استفاده نکنید.


تصویر امنیتی
تصویر امنیتی جدید

ستاره غیر فعالستاره غیر فعالستاره غیر فعالستاره غیر فعالستاره غیر فعال