آموزش ویژگی 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. سوال خود را به طور واضح بیان کنید و از کلمات مبهم استفاده نکنید.