ابعاد الDIV 🌸💓


في الصورة أعلاه قمت بتعيين القيم التالية 🔋
#div{
background:#ccf;
position: absolute;
left:100px; top:100px;
width:100px; height:100px;
border:20px solid #fcc;
margin:20px;
padding:10px;
}
•┈┈┈●•••••••••••••●┈┈┈•

نلاحظ أن حول الصندوق ٣ مناطق💡 هي
• 1⃣ منطقة margin أي الهامش الخارجي الشفاف (المنطقة M في الصورة أعلاه) وقيمتها ٢٠ بكسل حول الجسم الجهات الأربعة في المثال
• 2⃣ منطقة الإطار border وله لونه الخاص به (وهو المنطقة B في الصورة أعلاه) وقيمتها ٢٠ بكسل حول الجسم الجهات الأربعة في المثال
•3⃣ الوسائد padding وهو الهامش الداخلي وهو بلون الخلفية (وهو المنطقة P في الصورة أعلاه) وقيمتها ١٠ بكسل حول الجسم الجهات الأربعة في المثال
ويمكن تحديد قيمة مختلفة لكل جهة مثلا لدينا •┈┈┈●•••••••••••••●┈┈┈•

• margin
o margin-top
o margin-right
o margin-bottom
o margin-left
• padding
o padding-top
o padding-right
o padding-bottom
o padding-left 🌿
💡فإن حددنا قيمة واحدة عبر padding أو margin فإنها تكون لكل الجهات. فإن حددنا قيمتين فإن الأولى تكون لأعلى ولأسفل والثانية تكون للجانبين. فإن حددنا ٣ قيم تكون الأولى للأعلى والثانية للجانبين والثالثة لأسفل. وإن كانت أربع قيم تكون أعلى ثم يمين ثم أسفل ثم يسار على الترتيب.
Design website|💗| @progfemo96

☺️🌿اروح حبايب هسه انام وانتو اقرو ذني النزلتهن اليوم واي شي تحتاجون راسلوني 🌸 وان شاء الله مااقصر وياكم 😘سلام

😋كعدت 🌿اكمل شروحات

|💟|Border ||الأطر🖼
•┈┈┈●•••••••••••••●┈┈┈•

الإطار border فالسماكة التي نحددها تكون عبر border-width ويمكن تحديد اللون عبر border-color ويمكن تحديدهما لكل جهة من الجهات الأربعة بشكل منفصل:

💠border-width
💠border-top-width
💠border-right-width
💠border-bottom-width
💠border-left-width
💠border-color
💠border-top-color
💠border-right-color
💠border-bottom-color
💠border-left-color •┈┈┈●•••••••••••••●┈┈┈•

والإطار ليس بالضرورة أن يكون مصمتا solid بل يمكن تحديد شكله عبر border-style سواء للجهة الواحدة أو للجهات الأربعة

☯border-style
☯border-top-style
☯border-right-style
☯border-bottom-style
☯border-left-style
والقيم المسموحة هي: none hidden dotted dashed solid double groove ridge inset outset كما تظهر في الصورة 👆🏻في الاعلى Design website|💗| @progfemo96

👆🏻هاي الخصائص لازم ع اقل بس تعرفون كل خاصية شتسوي مو شرط تحفضوهن مجرد افهموهن 🌿

📽اي سؤال 🙃 اني بالخدمة 🌿

💠🌿شرح الفديو هذا ملفه

http://www.downloadcrew.com/article/31601-adobe_brackets وقفت شركة ادوبي دعم برنامج كودج وبمكانة برنامج براكتس نفس شكل كودج ونفس شغلة ميختلف شي بس الاسم حملوو

👆🏻😅يعني هذا المحرر الي اشتغل عليه بالفديو

🙊👆🏻سويتلكم شي بسيط عن برنامج براكتس الي راح اشتغل بيه 🌸ان شاء الله 🙃شوفوه واي سؤال اني حاضرة 💓

http://www.sublimetext.com/3 •┈┈┈●•••••••••••••●┈┈┈•
📌محرر بالنسبة لمطورين 😜لغة لوا هذا المحرر يفيدكم حملو ⌛️مو بس لغة لوا يدعم كثير من اللغات 💡

🤔سؤال ؟🙁ليش محد يشوف الدروس ؟ 💔المن اشرح اني ☹️

🙊ابدي هسه انزل شرح عن لوا؟

مقدمة في لٌوا🌿
لو عبارة عن لغة برمجة للإضافات "Extension Programming Language" صممت لتدعم نمط البرمجة الإجرائية أو ما يسمى بالـ Procedural Programming مع مرافق وصف البيانات. لُوا صممت لتستخدم كلغة برمجة قوية وخفيفة الحمل لأي برنامج يحتاجه المرء.

1⃣الاتفاقيات"المتغيرات"💠
الأسماء (أو كما تسمى بـ المعرفات) في لُوا يمكن أن تكون سلسلة من حروف، أرقام و شرطة سفلية (Underscores) بشرط ألا تبدأ برقم وتكون باللغة الإنجليزية. هذا يتزامن مع تعريف الأسماء في أغلب لغات البرمجة. تعريف "الحرف" يعتمد على موضعه الحالي: أي حرف أبجدي يعتبر من اللغة الحالية يمكن استخدامه كمعرف (Identifier). المعرفات تستخدم لتسمية المتغيرات (Variables) وحقول الجداول (Table Fields).

الكلمات التالية محجوزة ✋🏻ولا تستطيع استخدامها كأسماء وتعريفات للمتغيرات لأن لوا تستخدمها لإجراء العمليات المختلفة: 😉❌: