الفرق بين المراجعتين ل"Sass/abs"
< Sass
اذهب إلى التنقل
اذهب إلى البحث
جميل-بيلوني (نقاش | مساهمات) ط |
|||
| سطر 19: | سطر 19: | ||
== أمثلة == | == أمثلة == | ||
| − | + | مثال عن استخدام الدالة <code>abs()</code> لضبط قيمة الحواشي (<code>[[CSS/padding|padding]]</code>) والهوامش (<code>[[CSS/margin|margin]]</code>) إلى <code>20px</code>:<syntaxhighlight lang="sass"> | |
.selector { | .selector { | ||
padding: abs(-20px); // 20px | padding: abs(-20px); // 20px | ||
| سطر 34: | سطر 34: | ||
لاحظ في المثال السابق أننا وضعنا الواحدة <code>px</code> بين القوسين، إذ تعمل الدالة <code>abs()</code> على القيم العددية مع واحدة أو دونها. | لاحظ في المثال السابق أننا وضعنا الواحدة <code>px</code> بين القوسين، إذ تعمل الدالة <code>abs()</code> على القيم العددية مع واحدة أو دونها. | ||
| − | + | يبيّن هذا المثال عمل الدالة <code>abs()</code> مع قيمةٍ دون واحدة:<syntaxhighlight lang="sass"> | |
.selector { | .selector { | ||
z-index: abs(-5); // 5 | 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>: تعيد أصغر قيمة من بين مجموعة من الأعداد الممرَّرة إليها. |
== مصادر == | == مصادر == | ||
مراجعة 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(): تعيد أصغر قيمة من بين مجموعة من الأعداد الممرَّرة إليها.