الدالة abs()‎ في Sass

من موسوعة حسوب
< Sass
مراجعة 12:24، 2 مايو 2018 بواسطة جميل-بيلوني (نقاش | مساهمات) (تنسيق بعض الأمور البسطية.)
اذهب إلى التنقل اذهب إلى البحث

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

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

abs($number)

المعاملات

‎$number

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

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

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

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

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

أمثلة

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

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

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

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

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

المثال 2: يبيّن هذا المثال عمل الدالة abs()‎ مع قيمةٍ دون واحدة.

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

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

.selector {
 z-index: 5;
}

انظر أيضًا

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

مصادر