النتائج 1 إلى 3 من 3

الموضوع: ماهي وظيفة الـ padding , margin ؟ في css

  1. #1
    عضو نشيط
    تاريخ التسجيل
    Jan 2008
    المشاركات
    208

    ماهي وظيفة الـ padding , margin ؟ في css



    مثل ماهو موجود في العنوان , ماهي وظيفة الـ padding , margin ؟ لاني بتلخبط كتير بينهم !!

    وشوفت شروحات بتتكلم عنهاا بس ما فهمت !!

    ياريت لو احد يشرحلي هياا اكون شآكر له ..





    __________________
    • My Name is Ahmed
    • My Favorites Book : Being Happy
    • Finally : If You Want To Be Happy Happy Use


  2. #2
    عضو جديد
    تاريخ التسجيل
    May 2007
    المشاركات
    13


    السلام عليكم ورحمة الله
    اول شي يرجى مشاهد الصورة للتوضيح
    الmarging هيا المحيط الخارجي للوسم وهي تتعلق ببعد الوسم بمقدار عن الوسوم الاخرى

    اما الpadding فهي علاقة الوسم بالمحتوى الداخلي التابع له اي الفاصل بينه وبين ابناءه
    فلو وضعنا الكود التالي لوسم الطبقة div او الtr
    كود PHP:
    padding-left:100px
    لوجدنا ان المجتوى الداخلي للوسم قد ابعد عن اتجاه اليسار مقدار 100 بيكسل
    يمكن ايضا اضافة كافة الاتجاهت حسب الرغبة
    اما الخاصية
    كود PHP:
    margin 
    فالكثير من الاخوة يفشلون في توسيط الوسوم وبخاصة عند المعايير القياسية والتي يعتمدها متصفح فاير فوكس
    فكما ذكرنا انه الخاصبة تعتمد العلاقة بين الوسم والوسوم الاخرى وبشكل خاص على الوسم الحاوي اي الاب
    فلو وضعنا القيمة
    كود PHP:
     margin-right:100px 
    لوجدنا ان الوسم تمت ازاحته مقدار 100 بيكسل بشكل كامل عن الوسم الاب اواذاكان اب عن البدي للصفحة
    فلتوسيط الوسم ضمن المتصفح بشكل صحيح على متصفحات المعايير القياسيية نضع التالي
    الاجراء يعتمد على
    كود PHP:
    margin-left 
    وب
    كود PHP:
    margin-right 
    كيفية العمل الصحيح
    كود PHP:
    margin-left:auto;
    margin-right:auto
    فبذلك يكون موقع العنصر اتوماتيكي باتجاه اليسار واليمين والافتراضي في المتصفحات هو 0 لاتجاه الصفحة طبعا لاننسى وضع القيمة للوسم الاب text-align:center
    مثال كامل
    كود PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <
    html xmlns="http://www.w3.org/1999/xhtml">

    <
    head>
    <
    meta content="en-us" http-equiv="Content-Language" />
    <
    meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <
    title>بسم الله الرحمن الرحيم</title>

    </
    head>

    <
    body style="text-align:center">

    <
    div  style=" margin-left:auto;margin-right:auto;  background-color: #FFFF00;width: 290px; height: 325px">
        
    بسم الله الرحمن الرحيم</div>

    </
    body>

    </
    html
    بسم الله الرحمن الرحيم وماؤتيتم من العلم الا قليل صدق الله العظيم





    الصور المرفقة الصور المرفقة  

  3. #3
    عضو فعال
    تاريخ التسجيل
    Sep 2006
    المشاركات
    1,149


    شكرا أخي المهاجر على الفائده واستفدت منها فعلا





    __________________
    للتواصل
    http://sayat.me/webPro





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

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

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