الفرق بين المراجعتين ل"Sass/abs"
< Sass
اذهب إلى التنقل
اذهب إلى البحث
ط (تعديل عنوان الصفحة) |
جميل-بيلوني (نقاش | مساهمات) ط (تدقيق الصفحة ومراجعتها.) |
||
| سطر 10: | سطر 10: | ||
=== <code>$number</code> === | === <code>$number</code> === | ||
| − | العدد | + | العدد المراد إعادة القيمة المطلقة له. |
== القيم المعادة == | == القيم المعادة == | ||
| − | عدد صحيح من النوع <code>Number</code> يُمثِّل القيمة المطلقة للمعامل <code>$number</code> المُمرَّر إلى الدالة. | + | يُعاد عدد صحيح من النوع <code>Number</code> يُمثِّل القيمة المطلقة للمعامل <code>$number</code> المُمرَّر إلى الدالة. |
== الأخطاء والاستثناءات == | == الأخطاء والاستثناءات == | ||
| − | سيُرمى الخطأ <code>ArgumentError</code> إذا | + | سيُرمى الخطأ <code>ArgumentError</code> إذا لم يكن المعامل <code>$number</code> عددًا. |
== أمثلة == | == أمثلة == | ||
| سطر 34: | سطر 34: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| − | لاحظ في المثال السابق أننا وضعنا | + | لاحظ في المثال السابق أننا وضعنا الواحدة <code>px</code> بين القوسين، إذ تعمل الدالة <code>abs()</code> على القيم العددية مع واحدة أو دونها. المثال الآتي يبيّن عملها على قيمةٍ دون وحدة:<syntaxhighlight lang="sass"> |
.selector { | .selector { | ||
z-index: abs(-5); // 5 | z-index: abs(-5); // 5 | ||
مراجعة 11:51، 2 مايو 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() على القيم العددية مع واحدة أو دونها. المثال الآتي يبيّن عملها على قيمةٍ دون وحدة:
.selector {
z-index: abs(-5); // 5
}
ستُصرّف الشيفرة السابقة إلى شيفرة CSS الآتية:
.selector {
z-index: 5;
}
انظر أيضًا
- الدالة
ceil(): تقريب العدد إلى أقرب عدد صحيح أكبر منه. - الدالة
floor(): تقريب العدد إلى أقرب عدد صحيح أصغر منه. - الدالة
max(): معرفة أكبر قيمة من بين مجموعة من الأعداد. - الدالة
min(): معرفة أصغر قيمة من بين مجموعة من الأعداد.