Like And Win VIP Hack
Click Like To WIN 30 Day VIP Hack

[ دورة CSS ] الصندوق النموذجي CSS – الدرس الثالث – الحدود الخارجية Outline

Home // Blog // [ دورة CSS ] الصندوق النموذجي CSS – الدرس الثالث – الحدود الخارجية Outline

Share Now And Win Free ViP HackShare on Facebook0Google+0Tweet about this on Twitter0
 

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

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

شاركها

Share Now And Win Free ViP HackShare on Facebook0Google+0Tweet about this on Twitter0

0 Comments ON " [ دورة CSS ] الصندوق النموذجي CSS – الدرس ال... "
leave a response

*

Copyright © All Rights Reserved 2014→2017 To Add-Fast.CoM