Header Ads

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



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

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

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

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


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




أنواع خاصيات الحدود الخارجية 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




يتم التشغيل بواسطة Blogger.