يعد وضع الإزاحة ، أو وضع الإزاحة ، أحد أكثر الأدوات فائدة وقوة للعمل مع عناصر صفحة الويب. يسمح لك بالتحكم في موضع عنصر على الصفحة بالنسبة إلى موضعه الأصلي. هذا مفيد بشكل خاص عندما تحتاج إلى نقل عنصر إلى اليمين أو اليسار ، أعلى أو أسفل ، لإنشاء تركيبات مثيرة للاهتمام ووضع العناصر.
لاستخدام وضع الإزاحة ، يجب تعيين قيمة لسمة الإزاحة أو إزاحة الهامش للعنصر. يمكن تعيين القيمة بالبكسل أو النسب المئوية أو وحدات القياس الأخرى المتاحة. على سبيل المثال ، الإزاحة: 20 بكسل ؛ سيحول العنصر 20 بكسل إلى اليمين ، ويقابل: -10 ٪ ؛ سيحول العنصر 10 ٪ إلى اليسار.
بالإضافة إلى ذلك ، يمكن استخدام وضع الإزاحة مع خصائص كس الأخرى ، مثل الموضع: نسبي ؛ أو الموضع: مطلق؛. يتيح لك ذلك التحكم بدقة في موضع عنصر ما على الصفحة وإنشاء تخطيطات معقدة باستخدام الإزاحة وتحديد المواقع.
يعد استخدام وضع الإزاحة طريقة رائعة لإضافة الأصالة والديناميكيات إلى صفحات الويب الخاصة بك. تستخدم هذه الأداة على نطاق واسع في حلول التصميم المختلفة وتجعل من السهل جعل صفحتك أكثر تنظيما وجمالية.
وضع الإزاحة: نظرة عامة والتطبيق
وضع الإزاحة هو وضع خاص يسمح لك بتعيين الإزاحة لعناصر صفحة الويب. إنها أداة رئيسية لإنشاء تخطيط مرن وقابل للتكيف.
يمكن أن يكون إزاحة العناصر رقما موجبا أو سالبا ، ويتم تعريفه بالبكسل أو النسب المئوية أو وحدات القياس الأخرى. يسمح لك وضع الإزاحة بتغيير موضع العناصر بالنسبة للترتيب المعتاد لموقعها على الصفحة. بهذه الطريقة ، يمكنك إنشاء تركيبات معقدة وتحقيق بنية التخطيط المطلوبة.
أحد الاستخدامات الرئيسية لوضع الإزاحة هو إنشاء شبكة موقع ويب. باستخدام هذا الوضع ، يمكنك وضع العناصر بسرعة وسهولة في الأماكن الصحيحة ، مما يوفر المساحة اللازمة بينها.
يعد وضع الإزاحة مفيدا أيضا عند إنشاء تخطيط تكيفي. بمساعدتها ، يمكنك تنفيذ خيارات متنوعة لوضع العناصر ، اعتمادا على حجم الشاشة أو الجهاز الذي يتم عرض الصفحة عليه. على سبيل المثال ، يمكنك بسهولة ضبط الإزاحة للعناصر على الأجهزة المحمولة بحيث تشغل مساحة أقل وتتناسب بشكل أفضل مع الشاشات الصغيرة.
جنبا إلى جنب مع فليكسبوكس ومعدلات الشبكة ، وضع الإزاحة هي واحدة من الأدوات الرئيسية لخلق تخطيط مرنة وسريعة الاستجابة. انها تسمح لك بسهولة وبسرعة تغيير ترتيب العناصر ، تجربة مع التصميم وتحقيق النتائج المرجوة.
وضع الإزاحة: التعريف والميزات
وضع الإزاحة هو أحد أوضاع التشغيل في كس ، والذي يسمح لك بتعيين إزاحة عنصر نسبة إلى موضعه الأصلي.
ميزة وضع الإزاحة هي أن الإزاحة يتم تطبيقها فقط على العنصر الذي تم ضبطه عليه ، وليس على أحفاده أو والديه.
هناك نوعان من الإزاحة المتاحة:
- تعويض إيجابي. في هذه الحالة ، يتم تحويل العنصر إلى اليمين و/أو لأسفل بالنسبة إلى موضعه الأصلي.
- التحيز السلبي. في هذه الحالة ، يتم إزاحة العنصر إلى اليسار و/أو لأعلى بالنسبة إلى موضعه الأصلي.
يمكن أن يكون وضع الإزاحة مفيدا في حالات مختلفة. على سبيل المثال ، يمكن استخدامه لإنشاء مسافات بادئة بين العناصر ، أو لمحاذاة العناصر ، أو لإنشاء تأثيرات حركة.
يتم تطبيق الإزاحة باستخدام خصائص كس مثل الهامش أو الحشو أو الموضع. يمكن تعيين قيم الإزاحة بالبكسل أو النسب المئوية أو وحدات القياس الأخرى.
على سبيل المثال ، لتعيين إزاحة موجبة إلى اليمين بمقدار 10 بكسل ، يمكنك استخدام الكود التالي:
في هذه الحالة ، سيتم تعيين فئة "المربع" إزاحة صحيحة قدرها 10 بكسل.