ماذا تفعل القيمة auto في margin لغة CSS

بتاريخ 9 ساعات قال Shahad Mohammad:

هل معنى auto ان تكون بالمنتصف؟ ام ما هو المعنى ؟

مثلا margin-left:auto  ماذا سيفعل في هذه الحاله ؟

التنسيق margin بالقيمة auto يجعل العنصر يظهر في منتصف الصفحة أفقيًا بجعل الحواف الخارجية تلقائية.

div { margin: auto; }

في المثال التالي لاحظ موضع ال div الذي له الإطار الأحمر بعد إضافة التنسيق margin:auto  و بعد إزالته.

في وجود التنسيق margin:auto

بدون التنسيق margin:auto

أما التنسيق 

div { margin-left:auto }

يجعل العنصر يظهر في نهاية الصفحة أفقيًا "في أقصى اليمين" بجعل الحواف الخارجية من جهة اليسار تلقائية.

يمكنك قراءة المزيد في هذه المقالات

مرحبًا @Shahad Mohammad,

عندما نُحدد عرض العنص(width) عندها يمكنُنا ان نجعل العنصر في المنتصف بإستخدام :

margin-left: auto;
margin-right: auto;

القيمة auto للهامش left و right تجعل العنصر يقوم بجعل كِلا الهوامش يحملان قيم متساوية مما يجعل العنصر يتموضع في النتصف . 

يمكنك تعلُم المزيد عن الهوامش من هنا .

خاصية الmargin هي خاصيه يتم استخدامه لعمل هوامش او مساحه علي جوانب العناصر وله اربع اتجاهات الاعلي و اليمين و الاسفل و الناحيه الاخيره هي (اليسري او الشمال )
خاصية الauto 
هي خاصيه بتقول للمتصفح خالي العناصر في المنتصف بناء علي المساحه الموجوده مثلا لو عندي مساحه 500 px 
فا هيخلي العناصر 250 من الناحيه اليمين و 250 من الناحيه الشمال وعلي سيبل المثال مثلا العنصر (text ) المساحة بتاعته 100 px فا هيخلي المساحه اليمين 200 px و الشمال 200 px والعنصر مساحه او النص المكتوب مساحتة 100 px فا كده المساحه 500px فا مهم جدا انك تكتب مساحه علشان المتصفح يبدا يحسب بناء علي المساحه الموجود والافضل ان الناس بتعمل container و بيكون container ليه مساحه فا بياخد المساحه دي وبيعمل margin بناء علي المساحه دي