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

المراجعة الحالية بتاريخ 07:01، 20 مايو 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 الرسمي.

@@ سطر 1: / سطر 1: @@
-الدالة abs()‎ في Sass
+<noinclude>{{DISPLAYTITLE: الدالة <code>abs()‎</code> في Sass}}</noinclude>
-تعيد الدالة abs()‎ القيمة المطلقة لعددٍ مُمرِّرٍ إليها.
+تعيد الدالة <code>abs()</code>‎ القيمة المطلقة لعددٍ مُمرِّرٍ إليها.
-البنية العامة
-abs($number)
+== البنية العامة ==
-المعاملات
+<syntaxhighlight lang="sass">
-‎$number
+abs($number)‎
-العدد الذي نريد إعادة القيمة المطلقة له.
+</syntaxhighlight>
-القيم المعادة
-عدد صحيح من النوع Number يُمثِّل القيمة المطلقة للمعامل ‎$number المُمرَّر إلى الدالة.
+== المعاملات ==
-الأخطاء والاستثناءات
-سيُرمى الخطأ ArgumentError إذا كان المعامل ‎$number ليس رقميًا.
+=== <code>‎$number</code> ===
-أمثلة
+العدد المراد إعادة القيمة المطلقة له.
-مثال عن استخدام الدالة abs()‎ لضبط قيمة الحواشي (padding) والهوامش (margin) إلى 20px:
+== القيم المعادة ==
+يُعاد عدد صحيح من النوع <code>Number</code> يُمثِّل القيمة المطلقة للمعامل ‎<code>$number</code> المُمرَّر إلى الدالة.
+== الأخطاء والاستثناءات ==
+سيُرمى الخطأ <code>ArgumentError</code> إذا لم يكن المعامل ‎<code>$number</code> عددًا.
+== أمثلة ==
+مثال عن استخدام الدالة <code>abs()‎</code> لضبط قيمة الحواشي (<code>[[CSS/padding|padding]]</code>) والهوامش (<code>[[CSS/margin|margin]]</code>) إلى <code>20px</code>:<syntaxhighlight lang="sass">
 .selector {
-    padding: abs(-20px); // 20px
+  padding: abs(-20px); // 20px
-    margin: abs(20px); // 20px
+  margin: abs(20px); // 20px
 }
-سيُصرّف المثال السابق إلى شيفرة CSS الآتية:
+</syntaxhighlight>
+سيُصرّف المثال السابق إلى شيفرة [[CSS]] الآتية:<syntaxhighlight lang="css">
 .selector {
    padding: 20px;
-   margin: 20px;
+   margin: 20px; }
-}
+</syntaxhighlight>
+لاحظ في المثال السابق أننا وضعنا الواحدة <code>px</code> بين القوسين، إذ تعمل الدالة <code>abs()‎</code> على القيم العددية مع واحدة أو دونها.
-لاحظ في المثال السابق أننا وضعنا الوحدة px بين القوسين، وتعمل الدالة abs()‎ على القيم العددية مع وحدة أو دون وحدة. المثال الآتي يبيّن عملها على قيمةٍ دون وحدة:
+يبيّن هذا المثال عمل الدالة <code>abs()‎</code> مع قيمةٍ دون واحدة:<syntaxhighlight lang="sass">
 .selector {
-    z-index: abs(-5); // 5
+  z-index: abs(-5); // 5
 }
+</syntaxhighlight>
-ستُصرّف الشيفرة السابقة إلى شيفرة CSS الآتية:
+ستُصرّف الشيفرة السابقة إلى شيفرة [[CSS]] الآتية:<syntaxhighlight lang="sass">
 .selector {
-   z-index: 5;
+   z-index: 5; }
-}
+</syntaxhighlight>
-انظر أيضًا
-الدالة ceil()‎: تقريب العدد إلى أقرب عدد صحيح أكبر منه.
+== انظر أيضًا ==
-الدالة floor()‎: تقريب العدد إلى أقرب عدد صحيح أصغر منه.
+* الدالة <code>[[Sass/ceil|ceil()‎]]</code>: تقرِّب العدد إلى أقرب عدد صحيح أكبر منه.
-الدالة max()‎: معرفة أكبر قيمة من بين مجموعة من الأعداد.
+* الدالة <code>[[Sass/floor|floor()‎]]</code>: تقرِّب العدد إلى أقرب عدد صحيح أصغر منه.
-الدالة min()‎: معرفة أصغر قيمة من بين مجموعة من الأعداد.
+* الدالة <code>[[Sass/max|max()‎]]</code>: تعيد أكبر قيمة من بين مجموعة من الأعداد الممرَّرة إليها.
-مصادر
+* الدالة <code>[[Sass/min|min()‎]]</code>: تعيد أصغر قيمة من بين مجموعة من الأعداد الممرَّرة إليها.
-قسم الدالة abs في صفحة الدوال في توثيق Sass الرسمي.
+== مصادر ==
+* [https://sass-lang.com/documentation/Sass/Script/Functions.html#declare-class_method قسم الدالة abs في صفحة الدوال في توثيق Sass الرسمي].
+[[تصنيف:Sass|{{SUBPAGENAME}}]]
+[[تصنيف: Sass Function|{{SUBPAGENAME}}]]