بحث

دروس css الحدود

تنسيق الحدود

الخاصية الحدود على غرار ما يحدد نوع من الحدود لعرضه.





مثال
 <style type="text/css">
#none 
{
border:5px none red;
}
#hidden 
{
border:5px hidden red;
}
#dotted 
{
border:5px dotted #005533;
}
#solid 
{
border-top-color:5px solid red;
}

#double
{
border:5px double red;
}
#groove
{
border:5px groove red;
}
#all
{
border-top:5px groove #005533;
border-bottom:15px ridge #115533;
border-left:5px outset red;
border-right:5px groove #1155aa;
}
</style>

التفاصيل

الخاصيه
القيمه     
الوصف
border
border-width
border-style
border-color
inherit
مجموعات كافة الخصائص الحدود في واحدة 
border-color

color
transparent
يحدد لون الحدود الأربعة

border-style
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
تعيين نمط الحدود أربعة
border-width
thin
medium
thick
length
inherit
يحدد عرض حدود أربعة
border-top
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
مجموعات كافة الخصائص الحدود الأعلى 
border-top-color
color
transparent
inherit
يحدد لون الحد العلوي
border-top-style
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
inheri
تعيين نمط الحدود الأعلى
border-top-width
thin
medium
thick
length
inherit
عرض مجموعات من الحدود الأعلى
border-bottom
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
مجموعات كافة الخصائص الحدود الاسفل 
border-bottom-color
color
transparent
inherit
يحدد لون الحد السفلي
border-bottom-style
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
تعيين نمط الحدود أسفل
border-bottom-width
thin
medium
thick
length
inherit
مجموعات عرض الحد السفلي
border-left
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
مجموعات كافة الخصائص الحدود الأيسر
border-left-color
color
transparent
inherit
يحدد لون الحد الأيسر
border-left-style
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
inheri
تعيين نمط الحدود اليسار
border-left-width
thin
medium
thick
length
inherit
عرض مجموعات من الحدود اليسار
border-right
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
مجموعات كافة الخصائص الحدود اليمين
border-right-color
color
transparent
inherit
يحدد لون الحدود اليمين
border-right-style
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
inheri
تعيين نمط الحدود اليمين
border-right-width
 thin
medium
thick
length
inherit
عرض مجموعات من الحدود اليمين

ليست هناك تعليقات:

إرسال تعليق