الفرق بين المراجعتين لصفحة: «Sass/abs»
< Sass
لا ملخص تعديل |
لا ملخص تعديل |
||
| سطر 3: | سطر 3: | ||
== البنية العامة == | == البنية العامة == | ||
abs( | <syntaxhighlight lang="sass"> | ||
abs($number) | |||
</syntaxhighlight> | |||
== المعاملات == | == المعاملات == | ||
| سطر 17: | سطر 19: | ||
== أمثلة == | == أمثلة == | ||
مثال عن استخدام الدالة abs() لضبط قيمة الحواشي ([[CSS/padding|padding]]) والهوامش ([[CSS/margin|margin]]) إلى 20px:<syntaxhighlight lang="sass"> | مثال عن استخدام الدالة <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 | ||
| سطر 32: | سطر 34: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
لاحظ في المثال السابق أننا وضعنا الوحدة px بين القوسين، وتعمل الدالة abs() على القيم العددية مع وحدة أو دون وحدة. المثال الآتي يبيّن عملها على قيمةٍ دون وحدة:<syntaxhighlight lang="sass"> | لاحظ في المثال السابق أننا وضعنا الوحدة <code>px</code> بين القوسين، وتعمل الدالة <code>abs()</code> على القيم العددية مع وحدة أو دون وحدة. المثال الآتي يبيّن عملها على قيمةٍ دون وحدة:<syntaxhighlight lang="sass"> | ||
.selector { | .selector { | ||
z-index: abs(-5); // 5 | z-index: abs(-5); // 5 | ||
| سطر 46: | سطر 48: | ||
== انظر أيضًا == | == انظر أيضًا == | ||
* الدالة <code>[[Sass/ceil|ceil]] | * الدالة <code>[[Sass/ceil|ceil()]]</code>: تقريب العدد إلى أقرب عدد صحيح أكبر منه. | ||
* الدالة <code>[[Sass/floor|floor]] | * الدالة <code>[[Sass/floor|floor()]]</code>: تقريب العدد إلى أقرب عدد صحيح أصغر منه. | ||
* الدالة <code>[[Sass/ | * الدالة <code>[[Sass/max|max()]]</code>: معرفة أكبر قيمة من بين مجموعة من الأعداد. | ||
* الدالة <code>[[Sass/ | * الدالة <code>[[Sass/min|min()]]</code>: معرفة أصغر قيمة من بين مجموعة من الأعداد. | ||
== مصادر == | == مصادر == | ||
مراجعة 15:32، 17 أبريل 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(): معرفة أصغر قيمة من بين مجموعة من الأعداد.