Sass/abs

تعيد الدالة abs()‎ القيمة المطلقة لعددٍ مُمرِّرٍ إليها.

البنية العامة

abs($number)‎

المعاملات

‎$number

العدد الذي نريد إعادة القيمة المطلقة له.

القيم المعادة

عدد صحيح من النوع Number يُمثِّل القيمة المطلقة للمعامل ‎$number المُمرَّر إلى الدالة.

الأخطاء والاستثناءات

سيُرمى الخطأ ArgumentError إذا كان المعامل ‎$number ليس رقميًا.

أمثلة

مثال عن استخدام الدالة abs()‎ لضبط قيمة الحواشي (padding) والهوامش (margin) إلى 20px:

.selector {
   padding: abs(-20px); // 20px
   margin: abs(20px); // 20px
}

سيُصرّف المثال السابق إلى شيفرة CSS الآتية:

.selector {
 padding: 20px;
 margin: 20px;
}

لاحظ في المثال السابق أننا وضعنا الوحدة px بين القوسين، وتعمل الدالة abs()‎ على القيم العددية مع وحدة أو دون وحدة. المثال الآتي يبيّن عملها على قيمةٍ دون وحدة:

.selector {
   z-index: abs(-5); // 5
}

ستُصرّف الشيفرة السابقة إلى شيفرة CSS الآتية:

.selector {
 z-index: 5;
}

انظر أيضًا

• الدالة ceil()‎: تقريب العدد إلى أقرب عدد صحيح أكبر منه.
• الدالة floor()‎: تقريب العدد إلى أقرب عدد صحيح أصغر منه.
• الدالة max()‎: معرفة أكبر قيمة من بين مجموعة من الأعداد.
• الدالة min()‎: معرفة أصغر قيمة من بين مجموعة من الأعداد.

مصادر

• قسم الدالة abs في صفحة الدوال في توثيق Sass الرسمي.