الفرق بين المراجعتين ل"Sass/abs"
< Sass
اذهب إلى التنقل
اذهب إلى البحث
(أنشأ الصفحة ب'الدالة abs() في Sass تعيد الدالة abs() القيمة المطلقة لعددٍ مُمرِّرٍ إليها. البنية العامة abs($number)...') |
|||
| سطر 1: | سطر 1: | ||
| − | الدالة abs() في Sass | + | <noinclude>{{DISPLAYTITLE: الدالة abs() في Sass}}</noinclude> |
تعيد الدالة abs() القيمة المطلقة لعددٍ مُمرِّرٍ إليها. | تعيد الدالة abs() القيمة المطلقة لعددٍ مُمرِّرٍ إليها. | ||
| − | البنية العامة | + | |
| + | == البنية العامة == | ||
abs($number) | abs($number) | ||
| − | المعاملات | + | |
| − | $number | + | == المعاملات == |
| + | |||
| + | === $number === | ||
العدد الذي نريد إعادة القيمة المطلقة له. | العدد الذي نريد إعادة القيمة المطلقة له. | ||
| − | القيم المعادة | + | |
| + | == القيم المعادة == | ||
عدد صحيح من النوع Number يُمثِّل القيمة المطلقة للمعامل $number المُمرَّر إلى الدالة. | عدد صحيح من النوع Number يُمثِّل القيمة المطلقة للمعامل $number المُمرَّر إلى الدالة. | ||
| − | الأخطاء والاستثناءات | + | |
| + | == الأخطاء والاستثناءات == | ||
سيُرمى الخطأ ArgumentError إذا كان المعامل $number ليس رقميًا. | سيُرمى الخطأ ArgumentError إذا كان المعامل $number ليس رقميًا. | ||
| − | أمثلة | + | |
| − | مثال عن استخدام الدالة abs() لضبط قيمة الحواشي (padding) والهوامش (margin) إلى 20px: | + | == أمثلة == |
| + | مثال عن استخدام الدالة abs() لضبط قيمة الحواشي ([[CSS/padding|padding]]) والهوامش ([[CSS/margin|margin]]) إلى 20px: | ||
| + | |||
.selector { | .selector { | ||
| − | + | ||
| − | + | padding: abs(-20px); // 20px | |
| + | |||
| + | margin: abs(20px); // 20px | ||
| + | |||
} | } | ||
| + | |||
سيُصرّف المثال السابق إلى شيفرة CSS الآتية: | سيُصرّف المثال السابق إلى شيفرة CSS الآتية: | ||
| + | |||
.selector { | .selector { | ||
| − | + | ||
| − | + | padding: 20px; | |
| + | |||
| + | margin: 20px; | ||
| + | |||
} | } | ||
لاحظ في المثال السابق أننا وضعنا الوحدة px بين القوسين، وتعمل الدالة abs() على القيم العددية مع وحدة أو دون وحدة. المثال الآتي يبيّن عملها على قيمةٍ دون وحدة: | لاحظ في المثال السابق أننا وضعنا الوحدة px بين القوسين، وتعمل الدالة abs() على القيم العددية مع وحدة أو دون وحدة. المثال الآتي يبيّن عملها على قيمةٍ دون وحدة: | ||
| + | |||
.selector { | .selector { | ||
| − | + | ||
| + | z-index: abs(-5); // 5 | ||
| + | |||
} | } | ||
ستُصرّف الشيفرة السابقة إلى شيفرة CSS الآتية: | ستُصرّف الشيفرة السابقة إلى شيفرة CSS الآتية: | ||
| + | |||
.selector { | .selector { | ||
| − | + | ||
| + | z-index: 5; | ||
| + | |||
} | } | ||
| − | انظر أيضًا | + | |
| − | الدالة ceil(): تقريب العدد إلى أقرب عدد صحيح أكبر منه. | + | == انظر أيضًا == |
| − | الدالة floor(): تقريب العدد إلى أقرب عدد صحيح أصغر منه. | + | * الدالة ceil(): تقريب العدد إلى أقرب عدد صحيح أكبر منه. |
| − | الدالة max(): معرفة أكبر قيمة من بين مجموعة من الأعداد. | + | * الدالة floor(): تقريب العدد إلى أقرب عدد صحيح أصغر منه. |
| − | الدالة min(): معرفة أصغر قيمة من بين مجموعة من الأعداد. | + | * الدالة max(): معرفة أكبر قيمة من بين مجموعة من الأعداد. |
| − | مصادر | + | * الدالة min(): معرفة أصغر قيمة من بين مجموعة من الأعداد. |
| − | قسم الدالة abs في صفحة الدوال في توثيق Sass الرسمي. | + | |
| + | == مصادر == | ||
| + | * قسم الدالة abs في صفحة الدوال في توثيق Sass الرسمي. | ||
| + | [[تصنيف:Sass]] | ||
| + | [[تصنيف:abs Sass]] | ||
مراجعة 14:17، 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(): معرفة أصغر قيمة من بين مجموعة من الأعداد.
مصادر
- قسم الدالة abs في صفحة الدوال في توثيق Sass الرسمي.