رويـــــال فـــريـــنـــدس
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

رويـــــال فـــريـــنـــدس

اسلاميات | رياضه | اخبار | صور | اغانى | افلام | مسلسلات | فيديوهات | كورسات | تطوير المنتديات | وكل مايخص الموبيل
 
الرئيسيةالمجلهأحدث الصورالتسجيلدخول
الدرس العاشر نموذج الصندوق - الإطارات 001uq910
الساده اعضاء رويـــــال فـــريـــنـــدس
نريد ان نعلمكم ان المنتدى يتوفر على رابطين
 https://royalfriends.own0.com
 http://assasi4ever.own0.com
وشكرااااااااااا
By Abu Ali Elassasy


 

 الدرس العاشر نموذج الصندوق - الإطارات

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
AbU ALi ElA$Sa$Y
AbU Ali ElAsSaSy SiTe EmPeRoR
AbU Ali ElAsSaSy SiTe EmPeRoR
AbU ALi ElA$Sa$Y


النادى المفضل : الدرس العاشر نموذج الصندوق - الإطارات Logo2425
الجنسيه : الدرس العاشر نموذج الصندوق - الإطارات 3dflag10
مزاجك ايه : الدرس العاشر نموذج الصندوق - الإطارات 1210
هوايتى : الدرس العاشر نموذج الصندوق - الإطارات Chess10
المهنة : الدرس العاشر نموذج الصندوق - الإطارات Progra10
الجنس : ذكر
عدد المساهمات : 3295
نقاط العضو : 47571
شعبية العضو : 1740
السمك
الديك
الموقع : عايش فى منتدى العساسيه
العمر : 31
تاريخ التسجيل : 22/05/2009
اوسمتى : الدرس العاشر نموذج الصندوق - الإطارات Xxtt8
اوسمتى 2 : الدرس العاشر نموذج الصندوق - الإطارات Wafaa
اوسمتى 3 : الدرس العاشر نموذج الصندوق - الإطارات Ebda4e_39
دعائى يارب تقبله : الدرس العاشر نموذج الصندوق - الإطارات Fp_21

بطاقة الشخصية
شات المنتدى:

الدرس العاشر نموذج الصندوق - الإطارات Empty
مُساهمةموضوع: الدرس العاشر نموذج الصندوق - الإطارات   الدرس العاشر نموذج الصندوق - الإطارات I_icon_minitime10th يونيو 2010, 23:42

الجداول يمكن استخدامها لأغراض مختلفة، فقد تستخدم للزينة أو للفصل بين
شيئين، CSS تعطيك خيارات لا متناهية عندما تستخدم الإطارات في صفحتك.




سماكة الإطار "border-width"


سماكة الإطار تحدد من خلال القيمة border-width والذي
يمكن تحديد قيمته من خلال الكلمات thin وmedium وthick، أو من خلال قيمة
رقمية تحدد سمكه بالبكسل، الرسم التوضيحي يبين هذه القيم ونتائجها:


الدرس العاشر نموذج الصندوق - الإطارات Figure012

ألوان الإطارات "border-color"


الدرس العاشر نموذج الصندوق - الإطارات Figure013
الخاصية border-color تحدد لون الإطارة، قيمة هذه الخاصية هي قيم الألوان العادية مثل "#123456" و"rgb(123,123,123)" أو أسماء الألوان مثل "yellow".

أنواع الجداول "border-style"


هناك أنواع مختلفة من الإطارات يمكنك أن تختار منها، في المثال
التوضيحي أدناه هناك 8 أنواع من الإطارات كما يعرضها إكسبلورر 5.5، كل
الأمثلة المعروضة تستخدم اللون "gold" وقيمة سماكة الإطار محددة بالقيمة
"thick" وتذكر أنك تستطيع عرض الإطار بألوان وسماكة مختلفة.

القيم none أو hiddem يمكن أن تستخدم عندما تريد إخفاء الإطار.

الدرس العاشر نموذج الصندوق - الإطارات Figure014

أمثلة لإطارات


الخصائص الثلاثة التي ذكرت أعلاه يمكن وضعها مع بعضها البعض لإنشاء
جداول مختلفة، لتوضيح ذلك سنلقي نظرة على وثيقة قمنا بتحديد أنواع مختلفة
من الإطارات للعنصر

و
    و

    ، النتيجة قد لا تكون جميلة لكن المثال يوضح الإمكانيات المتعددة: و


    h1 {
    border-width: thick;
    border-style: dotted;
    border-color: gold;
    }

    h2 {
    border-width: 20px;
    border-style: outset;
    border-color: red;
    }

    p {
    border-width: 1px;
    border-style: dashed;
    border-color: blue;
    }

    ul {
    border-width: thin;
    border-style: solid;
    border-color: orange;
    }







    يمكنك أيضاً تحديد خاصية تتعلق بجهة واحدة من الإطار، فتستخدم top
    للإطار العلوي، وbottom للإطار السفلي، وleft للأيسر، وright للأيمن، وهذا
    مثال يوضح كيفية فعل ذل:



    h1 {
    border-top-width: thick;
    border-top-style: solid;
    border-top-color: red;

    border-bottom-width: thick;
    border-bottom-style: solid;
    border-bottom-color: blue;

    border-right-width: thick;
    border-right-style: solid;
    border-right-color: green;

    border-left-width: thick;
    border-left-style: solid;
    border-left-color: orange;
    }








    جمع كل الخصائص "border"


    كما هو الحال مع خصائص مختلفة، يمكن أن تجمع بين خصائص الجداول المختلفة في خاصية واحدة، ألقي نظرة على هذا المثال:


    p {
    border-width: 1px;
    border-style: solid;
    border-color: blue;
    }





    يمكن اختصارها هكذا:


    p {
    border: 1px solid blue;
    }





    انتظرووووووو المزيد من شروحات الدروس


    مع تحيات
    Abu Ali Elassasy

    الدرس العاشر نموذج الصندوق - الإطارات 600677

الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://royalfriends.own0.com
hassan_dmar
عضو ماهر
عضو ماهر
hassan_dmar


النادى المفضل : الدرس العاشر نموذج الصندوق - الإطارات Logo1114
الجنسيه : الدرس العاشر نموذج الصندوق - الإطارات Ps10
مزاجك ايه : الدرس العاشر نموذج الصندوق - الإطارات 1210
هوايتى : الدرس العاشر نموذج الصندوق - الإطارات Travel10
المهنة : الدرس العاشر نموذج الصندوق - الإطارات Studen10
الجنس : ذكر
عدد المساهمات : 184
نقاط العضو : 10663
شعبية العضو : 4
الجدي
الكلب
الموقع : اول لفة على ايديك اليمين
العمر : 29
تاريخ التسجيل : 16/08/2010
اوسمتى : الدرس العاشر نموذج الصندوق - الإطارات Empty
اوسمتى 2 : الدرس العاشر نموذج الصندوق - الإطارات Empty
اوسمتى 3 : الدرس العاشر نموذج الصندوق - الإطارات Empty
دعائى يارب تقبله : الدرس العاشر نموذج الصندوق - الإطارات 553bd1df56

الدرس العاشر نموذج الصندوق - الإطارات Empty
مُساهمةموضوع: رد: الدرس العاشر نموذج الصندوق - الإطارات   الدرس العاشر نموذج الصندوق - الإطارات I_icon_minitime17th أغسطس 2010, 00:02

الدرس العاشر نموذج الصندوق - الإطارات 600677
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://rock-soul.ahlamontada.net
AbU ALi ElA$Sa$Y
AbU Ali ElAsSaSy SiTe EmPeRoR
AbU Ali ElAsSaSy SiTe EmPeRoR
AbU ALi ElA$Sa$Y


النادى المفضل : الدرس العاشر نموذج الصندوق - الإطارات Logo2425
الجنسيه : الدرس العاشر نموذج الصندوق - الإطارات 3dflag10
مزاجك ايه : الدرس العاشر نموذج الصندوق - الإطارات 1210
هوايتى : الدرس العاشر نموذج الصندوق - الإطارات Chess10
المهنة : الدرس العاشر نموذج الصندوق - الإطارات Progra10
الجنس : ذكر
عدد المساهمات : 3295
نقاط العضو : 47571
شعبية العضو : 1740
السمك
الديك
الموقع : عايش فى منتدى العساسيه
العمر : 31
تاريخ التسجيل : 22/05/2009
اوسمتى : الدرس العاشر نموذج الصندوق - الإطارات Xxtt8
اوسمتى 2 : الدرس العاشر نموذج الصندوق - الإطارات Wafaa
اوسمتى 3 : الدرس العاشر نموذج الصندوق - الإطارات Ebda4e_39
دعائى يارب تقبله : الدرس العاشر نموذج الصندوق - الإطارات Fp_21

بطاقة الشخصية
شات المنتدى:

الدرس العاشر نموذج الصندوق - الإطارات Empty
مُساهمةموضوع: رد: الدرس العاشر نموذج الصندوق - الإطارات   الدرس العاشر نموذج الصندوق - الإطارات I_icon_minitime17th أغسطس 2010, 11:11

شكرااااااااااا لمرورك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://royalfriends.own0.com
hassan_dmar
عضو ماهر
عضو ماهر
hassan_dmar


النادى المفضل : الدرس العاشر نموذج الصندوق - الإطارات Logo1114
الجنسيه : الدرس العاشر نموذج الصندوق - الإطارات Ps10
مزاجك ايه : الدرس العاشر نموذج الصندوق - الإطارات 1210
هوايتى : الدرس العاشر نموذج الصندوق - الإطارات Travel10
المهنة : الدرس العاشر نموذج الصندوق - الإطارات Studen10
الجنس : ذكر
عدد المساهمات : 184
نقاط العضو : 10663
شعبية العضو : 4
الجدي
الكلب
الموقع : اول لفة على ايديك اليمين
العمر : 29
تاريخ التسجيل : 16/08/2010
اوسمتى : الدرس العاشر نموذج الصندوق - الإطارات Empty
اوسمتى 2 : الدرس العاشر نموذج الصندوق - الإطارات Empty
اوسمتى 3 : الدرس العاشر نموذج الصندوق - الإطارات Empty
دعائى يارب تقبله : الدرس العاشر نموذج الصندوق - الإطارات 553bd1df56

الدرس العاشر نموذج الصندوق - الإطارات Empty
مُساهمةموضوع: رد: الدرس العاشر نموذج الصندوق - الإطارات   الدرس العاشر نموذج الصندوق - الإطارات I_icon_minitime17th أغسطس 2010, 21:13

:)
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://rock-soul.ahlamontada.net
 
الدرس العاشر نموذج الصندوق - الإطارات
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» الدرس 8: نموذج الصندوق
» الدرس العاشر: الجداول
» روايه الحب الامستحيل العاشر
» كود css لوضع خلفية للأزرار كتابة رد و أزرار الصندوق المتطور و دخول
» الدرس الاول

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
رويـــــال فـــريـــنـــدس :: ––––•(-• اكواد css •-)•––––-
انتقل الى: