هل عندك صعوبة في التفريق بين
ال margin و padding
تابع معي في هذا الثريد ماهو معنى padding وماهو معنى margin

قبل فهم الMargin و الPadding يجب عليك فهم فكرة رئيسية في Css وهي الBox Model
الBox Model يظهر في الصورة اسفل حيث يكون لدينا محتوى يعلوه Padding ثم Border ثم Margin
ولان الموضوغ فقط على ال Margin و الPadding سوف أشرح الامر كالتالي :

Margin : 
يقصد به الهوامش الخارجية اي بمعنى خارج العنصر
Padding :
 يعتبر كذلك من العناصر الهامة جدا في Css والمقصود به هو العناصر الداخلية او الهوامش الداخلية لعنصر ما
الفرق بين Margin و Padding : يمكن اختزال
الفرق في مثال بسيط وهو مثال الفيلا , هناك مثلا رجل اعمال اراد بناء فيلا في منطقة , واراد ان يوسع الفيلا من الخارج بمعنى ان بوسع مساحة الفيلا من الخارج لاضافة وسائل الترفيه كالمسبح الخ… حينئذ سوف يستعين بالMargin لكي يوسع الفيلا من الخارج , لكنه هو في داخل منزله وجد
انه ضيق واراد توسعته , بمعنى ان المنزل الخاص بالفيلا يحتاج للتوسعة وهو اذن يحتاج مساحة داخلية اي توسعة من الداخل وبالتالي سوف نستعمل Padding اتمنى ان الفكرة وصلت

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with حياة مبرمج

حياة مبرمج Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @LifeProgrammer1

20 Oct
هل انت مبتدء في عالم برمجة مواقع الويب
تابع معي في هذا الثريد اهم عناصر HTML5 للعناصر الانشائية لهيكلة الصفحة
رتويت ومتابعة ليصلك اي جديد

<article>تعرف مقال في الوثيقة
<aside>عرف المحتوى بجانب صفحة المحتوى
<bdi>تعرف جزء من النص التي يمكن تنسيقها في اتجاه مختلف عن نص آخر
<details>تعرف التفاصيل الإضافية التي يمكن للمستخدم عرض أو إخفاء
<dialog>تعرف مربع حوار أو نافذة
<figcaption>تعرف توضيحية ل 
<figure> العنصر<figure>يعرف محتوى بذاتها، مثل الرسوم التوضيحية والرسوم البيانية والصور وقوائم الرموز، الخ
<footer>تعرف تذييل للمستند
<header>يحدد رأس للمستند اوقسم
<main>
يحدد المحتوى الرئيسي من وثيقة
<mark>
وتعرف ملحوظ أو تسليط الضوء النص
<menuitem>
 يحدد عنصر الأمر / القائمة التي يمكن للمستخدم الاحتجاج من القائمة المنبثقة
<meter>
يعرف قياس العددية ضمن نطاق المعروف
Read 5 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!

:(