الفرق بين المراجعتين لصفحة: «Sass/abs»

مراجعة 13:46، 13 مايو 2018

تعيد الدالة 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()‎ على القيم العددية مع واحدة أو دونها.

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

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

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

.selector {
  z-index: 5; }

انظر أيضًا

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

مصادر

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

@@ سطر 19: / سطر 19: @@
 == أمثلة ==
-المثال 1: استخدام الدالة <code>abs()‎</code> لضبط قيمة الحواشي (<code>[[CSS/padding|padding]]</code>) والهوامش (<code>[[CSS/margin|margin]]</code>) إلى <code>20px</code>.<syntaxhighlight lang="sass">
+مثال عن استخدام الدالة <code>abs()‎</code> لضبط قيمة الحواشي (<code>[[CSS/padding|padding]]</code>) والهوامش (<code>[[CSS/margin|margin]]</code>) إلى <code>20px</code>:<syntaxhighlight lang="sass">
 .selector {
    padding: abs(-20px); // 20px
@@ سطر 34: / سطر 34: @@
 لاحظ في المثال السابق أننا وضعنا الواحدة <code>px</code> بين القوسين، إذ تعمل الدالة <code>abs()‎</code> على القيم العددية مع واحدة أو دونها.
-المثال 2: يبيّن هذا المثال عمل الدالة <code>abs()‎</code>  مع قيمةٍ دون واحدة.<syntaxhighlight lang="sass">
+يبيّن هذا المثال عمل الدالة <code>abs()‎</code> مع قيمةٍ دون واحدة:<syntaxhighlight lang="sass">
 .selector {
    z-index: abs(-5); // 5
@@ سطر 46: / سطر 46: @@
 == انظر أيضًا ==
-* الدالة <code>[[Sass/ceil|ceil()‎]]</code>: تقريب العدد إلى أقرب عدد صحيح أكبر منه.
+* الدالة <code>[[Sass/ceil|ceil()‎]]</code>: تقرِّب العدد إلى أقرب عدد صحيح أكبر منه.
-* الدالة <code>[[Sass/floor|floor()‎]]</code>: تقريب العدد إلى أقرب عدد صحيح أصغر منه.
+* الدالة <code>[[Sass/floor|floor()‎]]</code>: تقرِّب العدد إلى أقرب عدد صحيح أصغر منه.
-* الدالة <code>[[Sass/max|max()‎]]</code>: معرفة أكبر قيمة من بين مجموعة من الأعداد.
+* الدالة <code>[[Sass/max|max()‎]]</code>: تعيد أكبر قيمة من بين مجموعة من الأعداد الممرَّرة إليها.
-* الدالة <code>[[Sass/min|min()‎]]</code>: معرفة أصغر قيمة من بين مجموعة من الأعداد.
+* الدالة <code>[[Sass/min|min()‎]]</code>: تعيد أصغر قيمة من بين مجموعة من الأعداد الممرَّرة إليها.
 == مصادر ==