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