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