صفحة 1 من 2 12 الأخيرةالأخيرة
النتائج 1 إلى 15 من 30

الموضوع: الحدود في الـ CSS3

  1. #1
    عضو نشيط
    تاريخ التسجيل
    Jun 2004
    المشاركات
    261

    الحدود في الـ CSS3



    السلام عليكم جميعاً...
    بعد انتشار الـ CSS1 و بعدها الـ CSS2... جاري العمل الآن على النسخه الثالثه من هذه التقنية...

    في هذا الموضوع سأسرد بعض المميزات التي تتميز بها هذه النسخه الحديثه بالنسبة للحدود (borders)... بالإضافه إلى ما تميزت به النسختين السابقتين..

    لون الحدود - border-color
    -----------------------------------
    border-top-color - لون الحد العلوي..
    border-bottom-color - لون الحد السفلي
    border-right-color - لون الحد للجهه اليمين
    border-left-color - لون الحد للجهه اليسرى
    border-color - لون جميع الحدود

    - القيمة لهذه الخيارات يجب أن تكون عباره عن لون بغض النظر كانت هذه القيمة إسماً أو # او Rgb...
    - يمكن تطبيق هذه الخيارات لجميع العناصر التي يمكن استخدامها (مثال: <p></p>)...
    - بحال كان اللون trasparent ... فإن لون الخلفيه هو الذي سيكون ظاهراً...


    ستايل الحدود - border-style
    -----------------------------------
    - لون الحد العلوي..
    border-bottom-style -ستايل الحد السفلي
    border-right-style - ستايل الحد للجهه اليمين
    border-left-style - ستايل الحد للجهه اليسرى
    border-style - ستايل جميع الحدود

    - القيم التي يمكن استخدامها هي:


    ملاحظه: التحكم بالمسافه بين النقطه و الأخرى .. او طول الخط مازال غير ممكن...
    ملاحظه أخرى: و هو أنه لا يوجد طريقة يمكن الإعتماد عليها لتعريف المتصفح كيفية إظهار الحدود بحال كان كل منهم من نوع مختلف...

    الزاوية المستديره للحدود - border-radius
    ------------------------------------------------
    border-top-right-radius - الزاوية المستديره العليا اليمنى
    border-bottom-right-radius - الزاوية المستديره السفلى اليمنى
    border-bottom-left-radius - الزايويه المستديره السفلى اليسرى
    border-top-left-radius - الزاويه المستديره العليا اليسار
    border-radius - الزاويه المستديره لجميع الحدود

    - القيم التي يجب استخدامها هي عباره عن مقاسين لطول و عرض ربع الشكل البيضاوي.. كمان موضح بالصوره التاليه:



    صورة الحدود - border-image
    -------------------------------------
    border-top-image - صورة للحد العلوي
    border-right-image - صورة للحد الأيمن
    border-bottom-image - صورة للحد السفلي
    border-left-image - صورة للحد الأيسر
    border-image - صورة لجميع الحدود

    أما للزوايا فالخيارات هي:

    border-top-left-image - صورة الزاوية العليا اليسرى
    border-top-right-image - صورة الزاوية العليا اليمنى
    border-bottom-right-image - صورة الزاوية السفلى اليمنى
    border-bottom-left-image - صورة الزاوية السفلى اليسرى
    border-corner-image - صورة لجميع للزوايا الأربعه


    - القيمة المفروض استخدامها هي عنوان الصورة - مثال: url(images/bg.gif)

    - مثال على صور الحدود:


    الظل - box-shadow
    ------------------------------
    box-shadow - لإظهار ظل للمربع المطبق عليه هذا الخيار...

    - القيم الواجب استخدامها هي طول الظل المطلوب من كل جهه... بالإضافه إلى لون الظل..

    مثال على الظل:

    كود:
    span {border: thin solid; box-shadow: 0.2em 0.2em #CCC}
    و النتيجه:




    اذا أردت أن تعرف المزيد عن هذا الموضوع... فتفضل إلى هذه الصفحه:
    http://www.w3.org/TR/css3-border/

    أخيراً... أعتذر عن الترجمه السيئه للمصطلحات... و باذن الله سأبدأ بتعلم الترجمه العربية لها قريبا.... :shy:


    الشكر الجزيل لكم....

    عماد الصدر





    __________________
    معاً لإنترنت عربية أفضل...

    معلومات مهمة عن أدوار فريق العمل في مواقع الويب
    http://www.swalif.net/softs/showthread.php?t=120925


  2. #2
    عضو سوبر نشيط
    تاريخ التسجيل
    Aug 2004
    المشاركات
    932


    تسلم .. ومشكور على هالمعلومات الجميلة بحق



    عندي سؤال : هل هذه الإمكانيات غير متوفرة في الـ HTML ؟!

    وهل هي فقط متوفرة في الـ CSS النسخه الجديدة ؟! وإذا كانت CSS جديدة فكيف يتم دعمها من خلال المتصفحات ؟!





    __________________
    نحن أمة إقرأ التي لا تقرأ

  3. #3
    مـراقـب
    تاريخ التسجيل
    Apr 2001
    المشاركات
    4,264


    عليكم السلام
    موضوع رائع اخي العزيز يستاهل تثبيت





    __________________
    لاَ اِلَهَ اِلاَّ اَنْتَ سُبْحَانَكَ اِنِّي كُنْتُ مِنَ الظَّالِمِينَ

  4. #4
    عضو نشيط
    تاريخ التسجيل
    Feb 2003
    المشاركات
    222

    عليكم السلام



    موضوع ولا أحلى ما شاء الله عليك



    ملاحظة: أخوي إذا ممكن تضيفني على البريد في التوقيع





    __________________
    رقيم

    مجتمع فصول ملونة
    أطلق العنان لإبدعك !!

    rageem(at)gmail.com

  5. #5
    عضو فعال
    تاريخ التسجيل
    Aug 2002
    المشاركات
    1,385


    الله يجزاك الخير


    بالفعل هذا ماكنت ابحث عنه ...


    موضوع ثري حقيقه وراح يوفر الكثير





    __________________
    ง่ายง่ายไปมา,Ви задовольнити
    אני גאה לתמוך האחים שלי למות למען פלסטין

  6. #6
    عضو فعال جدا
    تاريخ التسجيل
    Feb 2003
    المشاركات
    2,047


    ممتاز اخي عماد
    موضوع مميز و مفيد

    بارك الله فيك





    __________________
    -{Only God Can Judge Me}-
    القانون فوق الجميع و الجميع يموت بالجوع

  7. #7
    عضو فعال جدا
    تاريخ التسجيل
    May 2004
    المشاركات
    4,088


    الله يعطيك العافية درس جميل و مفيد جدا ....
    تحياتي





    __________________
    لاَ اِلَهَ اِلاَّ اَنْتَ سُبْحَانَكَ اِنِّي كُنْتُ مِنَ الظَّالِمِينَ

  8. #8
    عضو نشيط
    تاريخ التسجيل
    Nov 2003
    المشاركات
    136


    موضوع قيم ومعلومات قوية
    جهد تستحق الشكر عليه
    الله يعطيك العافية





    __________________
    روابط لـ اشهار المواقع
    www.addlinkat.com
    انشر موقعك في الف دليل عربي ومحرك بحث عالمي
    مع تركيب دليل مواقع اندكسيو مؤلف من 20 الف موقع مشروح
    و243 تصنيف
    ماسنجر
    add_link@hotmail.com

  9. #9
    عضو فعال
    تاريخ التسجيل
    Apr 2004
    المشاركات
    1,780


    الله يجزاك خير يابعدهم كلهم

    صراحة شوقتني في تعلم المزيد منها .. عل وعسى ان نستغني ولو بحد كبير عن الصور

    تشكرات :nice:





    __________________
    k_l_l_o_ll @ hotmail.com
    فن التصميم

  10. #10
    عضو نشيط
    تاريخ التسجيل
    Jun 2004
    المشاركات
    261


    السلام عليكم جميعاً...

    مبرمج إنترنت: شكري لك على ردك..
    و بالنسبه للسؤال... فالإتش تي إم إل لا يمكنها القيام بهذه الأمور... و ذلك لإنه يراد لها أن يتركز عملها الآن فقط في المحتويات... و بالنسبه للسي إس إس فتصبح هي اللغه التي تقوم بعمل التصميم و وضع العناصر في اماكنها..
    فيصبح ملف الإتش تي إم إل.. عباره عن ملف معلومات و محتويات.. و ملف السي إس إس هو ملف تصميم هذه المحتويات بالصفحه...
    أما بالنسبه للمتصفحات... فعلى علمي أنه جميع المتصفحات مازالت لا تدعم هذه النسخه من السي إس إس .. عدا متصفح واحد و هو الموزيلا.. و هناك متصفحان آخران يدعمانها.. لكن بشكل جزئي.. و هما الفاير فوكس... و السفاري..

    Fuga: شكرا لك عزيزي... و أشكر المراقبين على تثبيت الموضوع... (الصراحه ما توقعت انه يتثبت :con2: )

    رقيم: إنت الأروع أخوي... و تمت الإضافه..

    Bomber: إن شاء الله دائما نكون عند حسن ظنك... و ما تنسونا من الدعاء...

    Dr-dre67: أهلا بيك مشرفنا العزيز... و أشكرك على التثبيت إن كنت انت من ثبته.. و بحال كان أي مراقب آخر .. فمازلت أريد أن أشكرك كونك أحد مشرفي هذا المنتدى... (يحاول يزبط وضعه مع الحكومه :nice: )

    حسام: يعطيك العافيه عمي... و يا ريت تشوفلنا كم مواقع تمبليتات سي إس إس بطريقك ...

    رامي: الشكر لازم يكون لرب العالمين اللي وفقني إني أكتب هذا الموضوع... تحيتي و سلامي لك...

    يا قلبي: الله يجزي جميع عباده الخير... و أنا متشوق أكثر منك إني أبدأ استخدامها...
    و الصراحه أتوقع إن الصور بالقريب رح ينعدم استخدامها في عمل تصميم الصفحه... و رح ينحصر بالإستخدامات الضروريه مثل الصور الفوتوجرافيه.. أو صور الشعارات و هذه الأمور... و إن شاء الله خير...

    شكري الجزيل لكم جميعا مره أخرى..

    سلام عليكم

    عماد الصدر





    __________________
    معاً لإنترنت عربية أفضل...

    معلومات مهمة عن أدوار فريق العمل في مواقع الويب
    http://www.swalif.net/softs/showthread.php?t=120925

  11. #11
    عضو سوبر نشيط
    تاريخ التسجيل
    Aug 2004
    المشاركات
    932


    طيب متى بنشوف IE 7.0 ؟!





    __________________
    نحن أمة إقرأ التي لا تقرأ

  12. #12
    عضو نشيط جدا
    تاريخ التسجيل
    Oct 2003
    المشاركات
    530

    ...



    انا شايف الموضوع هذا في مكان ثاني

    بس مو متاكد ... ... على العموم الله يعطيك العافية






  13. #13
    عضو نشيط
    تاريخ التسجيل
    Jun 2004
    المشاركات
    261


    مبرمج إنترنت: الصراحه أخوي ما اعرف..! :con2:
    لكنك يمكنك انت تشوف من موقع تطوير الإنترنت اكسبلورر:
    http://msdn.microsoft.com/ie/

    يعطيك العافيه..


    mr graphics: أنا أقللك وين... هنا:
    http://www.pxll.com/vb/showthread.php?t=53



    شكراً لك على ردك...


    سلام..
    عماد الصدر





    __________________
    معاً لإنترنت عربية أفضل...

    معلومات مهمة عن أدوار فريق العمل في مواقع الويب
    http://www.swalif.net/softs/showthread.php?t=120925

  14. #14
    عضو سوبر نشيط
    تاريخ التسجيل
    Jun 2003
    المشاركات
    699


    السلام عليكم ورحمة الله ...

    مقال متميــز شكراً جزيــلاً لك ..

    تحياتي ...

    BoO_SuLtAn






  15. #15
    عضو نشيط
    تاريخ التسجيل
    Jun 2004
    المشاركات
    261


    الشكر لك عزيزي BoO_SuLtAn على ردك...

    عماد الصدر





    __________________
    معاً لإنترنت عربية أفضل...

    معلومات مهمة عن أدوار فريق العمل في مواقع الويب
    http://www.swalif.net/softs/showthread.php?t=120925





ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

أضف موقعك هنا| اخبار السيارات | حراج | شقق للايجار في الكويت | بيوت للبيع في الكويت | دليل الكويت العقاري | مقروء | شركة كشف تسربات المياه | شركة عزل اسطح بالرياض | عزل فوم بالرياض| عزل اسطح بالرياض | كشف تسربات المياة بالرياض | شركة عزل اسطح بالرياض