الحدود الخارجية outline

الحدود الخارجية هو عبارة عن خط مرسوم حول العناصر (خارج الحدود ) لجعل العناصر أكثر سهولة لرؤيتها وملاحظتها .

يمكن تحديد اللون والشكل والعرض للحدود الخارجية من خلال خاصية الحدود الخارجية outline

تختلف خاصية الحدود الخارجية outline عن الحدود border

لاتعتبر الحدود الخارجية من أبعاد العناصر لذلك لايتأثر ارتفاع وعرض العنصر بعرض وارتفاع الحدود الخارجية.

---

أنواع خاصيات الحدود الخارجية outline

وضع الحدود الخارجية حول العنصر

مثال

p
{
outline:#00FF00 dotted thick;
}

---

ضبط لون حول الحدود الخارجية المنقطة

p
{
outline-style:dotted;
outline-color:#00ff00;
}

---

وضع شكل معين للحدود الخارجية

p
{
outline-style:dotted;
}

---

تحديد عرض الحدود الخارجية

p
{
outline-style:dotted;
outline-width:5px;
}

---

جميع خصائص الحدود الخارجية outline

الخاصية	الشرح	القيمة	CSS
outline	ضبط جميع قيم الحدود الخارجية في خاصية واحدة	outline-color outline-style outline-width inherit	2
outline-color	ضبط اللون للحدود الخارجية	color_name hex_number rgb_number invert inherit	2
outline-style	ضبط التصميم للحدود الخارجية	none dotted dashed solid double groove ridge inset outset inherit	2
outline-width	ضبط العرض للحدود الخارجية	thin medium thick length inherit	2

---