اذهب إلى المحتوى
  • 0

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

Shahad Mohammad

السؤال

Recommended Posts

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

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

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

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

div { margin: auto; }

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

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

5f595ced36396_Annotation2020-08-31211241.thumb.jpg.8d38cf5f9496f7f930622cc3fd5f2468.jpg

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

5f595d0ab1b7f_Annotation2020-08-31211505.thumb.jpg.b70b8d10d2b1635b1d3b261246d6c46a.jpg

 

أما التنسيق 

div { margin-left:auto }

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

5f595e835e0fe_Annotation2020-09-10005427.thumb.jpg.5c777bccdb0df33bb929a8e21ab7703d.jpg

 

5f595eac3c4a4_Annotation2020-09-10005526.thumb.jpg.8826b7206fafc9f190bdaa0a2112cb43.jpg

 

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

مرحبًا @Shahad Mohammad,

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

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

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

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...