ما هي أهم الدوال الخاصة بالتحكم بالهوامش ومواضع العناصر في لغة البرمجة CSS

اقرأ في هذا المقال


ما هي أهم الدوال الخاصة بالتحكم بالهوامش ومواضع العناصر في لغة البرمجة CSS

هناك العديد من الدوال الخاصة بتحديد الهوامش ومواضع العناصر في لغة البرمجة (CSS)، والتي تسهل تنفيذ العديد من المهام التي يحتاجها المستخدم أثناء كتابة الكود البرمجي، وفيما يلي قائمة بأهم هذه الدوال:

الدالةالاستخدام
marginتستخدم هذه الدالة لضبط الهوامش في الأطراف الأربعة للعنصر.
margin- bottomتقوم هذه الدالة بضبط الهامش في الطرف السفلي من العنصر، حيث أن إعطاء قيم موجبة للهامش ستؤدي إلى إبعاد العنصر عن العناصر المجاورة، والقيم السالبة ستقربه منها.
margin- leftتقوم هذه الدالة بضبط الهامش في الطرف الأيسر من العنصر.
margin- rightتقوم هذه الدالة بضبط الهامش في الطرف الأيمن من العنصر، وإعطاء قيم موجبة ستؤدي إلى إبعاد العنصر عن العناصر المجاورة والقيم السالبة ستقربه منها.
margin- topتقوم هذه الدالة بضبط الهامش في الطرف العلوي من العنصر، حيث أن القيم الموجبة ستؤدي إلى إبعاد العنصر عن العناصر المجاورة والقيم السالبة ستقربه منها.
bottomتستخدم هذه الدالة في تحديد الموضع الرأسي لأحد العناصر التي يمكن أن يتغير مكانها.
clearتحدد هذه الدالة إذا كان العنصر يمكن أن يكون بجوار العناصر المجاورة له أو يجب أن يتم تحريكه إلى الأسفل.
displayتحدد هذه الدالة ما هو نوع صندوق العرض الذي سيتم استخدامه مع العنصر.
floatتقوم هذه الدالة بتحديد موقع العنصر أي أين يجب أن يوضع على اليسار أو على اليمين.
topتستخدم هذه الدالة في تحديد الموضع الرأسي لأحد العناصر التي يمكن أن يتغير مكانها وليس لهذه الخاصية تأثير في العناصر التي لا يمكن أن يتغير مكانها.
rightتستخدم هذه الدالة في تحديد الموضع الأفقي لأحد العناصر التي يمكن أن يتغير مكانها وليس لها أي تأثير في العناصر التي لا يمكن أن يتغير مكانها في لغة البرمجة (CSS).
positionتقوم هذه الدالة بوصف كيفية وضع العنصر في المستند، والخاصيات المختلفة مثل: (top)، (left)، (right)، (bottom) حيث تقوم بتحديد المكان النهائي لتلك العناصر.
z-indexتقوم هذه الدالة بتحديد ترتيب العناصر التي يمكن أن يتغير مكانها على المحور (Z).

المصدر: CSS MarginsCSS Layout - The position PropertyCSS MarginCSS z-index Property


شارك المقالة: