ما هي أهم الدوال الخاصة بالتحكم بالهوامش ومواضع العناصر في لغة البرمجة 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). |