Learn CSS In Arabic 2021 - #30 - Position

Position

Code & Notice:

Assignments:

=============================

Support Me on Patreon to Help me Create More Videos

I will be Very Happy if you Support my Channel.

Join Our Facebook Group:

Follow My Facebook Profile:

Like Facebook Page:

Follow Me On Twitter:

[ahmedm]

النقاط التي ناقشها الفيديو:
خاصية ال position
خاصية ال top. و: 1:09
خاصية ال left. و: 2:31
خاصية ال bottom. و: 2:36
خاصية ال right. و: 4:27

[riyadfacebook]

قبل اي حاجه نعمل لايك وبعدين نبقى نشوف الشروح
جزاك الله كل خير 💖

[alsayedali]

الحمد لله الذي علمنا ما لم نكن نعلم... جزاكم الله خيرا❤😊

[al-doori]

واخيرا واخيرا فهمت ال positioning الله يوفقك ياربي صارلي فتره جدا كثيره اعاني من فهم absolute و relative و fixed والفرق بالتفضل, الله ينور قلبك وعقلك

[mohamed.mowafy]

تصدق بالله أول مره أعرف الناس بيدعولك و بيحبوك ليه
أحبك الله وزادك من فضله 🤲🏻🌹

[Creative-art]

شرح اكاديمي موبسيط ماشاء الله عليك .. شكرا لك كثير

[elyessassi-cr]

شكرا شرحك دائما كافي و وافي شكرا جزيلا

[radiology]

اديه كنا نشتغل فيها بال javascript ودلوقتي بكلمة وحدة ، ياااااااه ، أنت بروفيسور الويب باش هندسة ❤️

[mennaraafat]

كان نفسي افهم ال position اخيرا . شكرا لحضرتك 🥀🥀

[nourousa]

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

[ahmedelazawy]

جزاك الله خيرا يا باشمهندس ، إني أحبك كثيرا وأنت لك فضل كيبير علينا ، أريد التنبيه عن نقطة في الفيديو ، حضرتك قلت أن علشان الابن يتوزع ب absolute لازم الأب يكون ليه position :relative ولكن الصحيح أن الأب ممكن يكون أي حاجة غير static علشان الابن يتوزع بي absolute ، وجزاك الله خيراً

[techtips]

العين بالعين و السن بالسن البادينغ أظلم

[HichamHicham-tbun]

ليك قليقل بمقابل الذي تقدمه ربنا يباركلك

[forh]

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

[mohamedekwa]

ربنا يسترك دنيا واخرة, الشرح قمة السهولة 🌹

[eslamelassal]

حل الكويز الخاص بالحلقة

<style>
  div{
    text-align: center;
    width: 400px;
     height: 130px;
    padding: 20px;
    margin: auto;
    background-color: grey;
    border-width: 5px;
    border-style: solid;
    border-color:  red blue;
  }
 .top-left{

    border-style: solid;
    border-color:  red ;
    width: 25px;
    height: 25px;
    text-align: center;
    background-color: blue;
    display: inline-block;
    position:absolute;
    top: calc(20px / 2);

 } 
 .bottom-left{

    border-style: solid;
    border-color:  red ;
    width: 25px;
    height: 25px;
    text-align: center;
    background-color: blue;
    display: inline-block;
    position:absolute;


  }
  .top-right{

    border-style: solid;
    border-color:  red ;
    width: 25px;
    height: 25px;
    text-align: center;
    background-color: blue;
    display: inline-block;
    position:absolute;
    top: calc(20px / 2);

  }
  .bottom-right{

    border-style: solid;
    border-color:  red ;
    width: 25px;
    height: 25px;
    text-align: center;
    background-color: blue;
    display: inline-block;
    position:absolute;


  }
</style>

<div>
  Lorem,  ipsum dolor sit amet consectetur adipisicing elit. Quod,  sed. Ea ipsum
  similique quasi rem,  fugiat voluptatibus reiciendis nam debitis earum quo veniam





</div>

[pupaup]

شكرا, انقذتني, الله يوفقك افضل استاذ

[KuraKurd]

جزاك الله خيرا و بارك الله فيك استاذ اسامه
اتابعك من زمان و مستفيد من دروسك كثيرا
و اول مرة افتهم الــبوزشن بهذا الشكل
اسأل الله ان يوفقك في الدنيا والأخرة

[Maazclghlgg]

Thank you Sir for these helpfull Videos

[houssamadjerid]

شكرا لك استاذ اسامة. موضوع البوزيشن ده كان عاملي عقدة و الله, فهمت مواضع معقدة كتير و لكن ده مش عارف ليه عملي عقدة و لكن بعد ما شفت الفيديو مرة و اثنين ة ثلاثة و جربت الحمد لله بقيت دلوقتي اشرح موضوع البوزيشن للناس.