الفرق بين المراجعتين ل"Sass/round"
< Sass
اذهب إلى التنقل
اذهب إلى البحث
ط (استبدال النص - 'توثيق Sass الرسمي.]' ب'توثيق Sass الرسمي].') |
|||
| (6 مراجعات متوسطة بواسطة 3 مستخدمين غير معروضة) | |||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE: الدالة <code>()round</code> في Sass}}</noinclude> | <noinclude>{{DISPLAYTITLE: الدالة <code>()round</code> في Sass}}</noinclude> | ||
| − | + | تقرِّب الدالة <code>round()</code> العدد الممرَّر إليها إلى أقرب عدد صحيح. | |
== البنية العامة == | == البنية العامة == | ||
<syntaxhighlight lang="sass"> | <syntaxhighlight lang="sass"> | ||
| سطر 9: | سطر 9: | ||
=== <code>$number</code> === | === <code>$number</code> === | ||
| − | + | العدد المراد تقريبه. | |
== القيم المعادة == | == القيم المعادة == | ||
| − | + | يُعاد العدد الصحيح الأقرب للعدد <code>$number</code>. | |
== الأخطاء والاستثناءات == | == الأخطاء والاستثناءات == | ||
| سطر 18: | سطر 18: | ||
== أمثلة == | == أمثلة == | ||
| − | مثال عن استخدام الدالة <code> | + | مثال عن استخدام الدالة <code>round()</code> لضبط قيمة العرض (<code>[[CSS/width|width]]</code>):<syntaxhighlight lang="sass"> |
| − | selector { | + | .selector { |
| − | width: round(10.4px) // 10px | + | width: round(10.4px); // 10px |
| − | } | + | height: round(10.6px); // 11px |
| − | </syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة <nowiki/>[[CSS]] الآتية:<syntaxhighlight lang="css"> | + | }</syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة <nowiki/>[[CSS]] الآتية:<syntaxhighlight lang="css"> |
| − | selector { | + | .selector { |
width: 10px; | width: 10px; | ||
| − | } | + | height: 11px; }</syntaxhighlight> |
| − | </syntaxhighlight> | ||
== انظر أيضًا == | == انظر أيضًا == | ||
| − | * الدالة <code>[[Sass/ | + | * الدالة <code>[[Sass/floor|floor()]]</code>: تعيد أقرب عدد صحيح أصغر من العدد المٌمرّر إليها. |
| + | * الدالة <code>[[Sass/ceil|()ceil]]</code>: تعيد أقرب عدد صحيح أكبر من العدد المٌمرّر إليها. | ||
| − | * الدالة <code>[[Sass/abs|abs()]]</code>: | + | * الدالة <code>[[Sass/percentage|percentage()]]</code>: تُحول عددًا إلى نسبة مئوية. |
| − | * الدالة <code>[[Sass/max|max()]]</code>: | + | * الدالة <code>[[Sass/abs|abs()]]</code>: تعيد القيمة المطلقة للعدد الممرَّر إليها. |
| + | * الدالة <code>[[Sass/max|max()]]</code>: تعيد القيمة الأكبر من بين مجموعة الأعداد الممرَّرة إليها. | ||
== مصادر == | == مصادر == | ||
| − | * [https://sass-lang.com/documentation/Sass/Script/Functions.html#round-instance_method قسم الدالة | + | * [https://sass-lang.com/documentation/Sass/Script/Functions.html#round-instance_method قسم الدالة round في صفحة الدوال في توثيق Sass الرسمي]. |
| − | [[تصنيف:Sass]] | + | [[تصنيف:Sass|{{SUBPAGENAME}}]] |
| − | [[تصنيف: Sass Function]] | + | [[تصنيف: Sass Function|{{SUBPAGENAME}}]] |
المراجعة الحالية بتاريخ 07:01، 20 مايو 2018
تقرِّب الدالة round() العدد الممرَّر إليها إلى أقرب عدد صحيح.
البنية العامة
round($number)
المعاملات
$number
العدد المراد تقريبه.
القيم المعادة
يُعاد العدد الصحيح الأقرب للعدد $number.
الأخطاء والاستثناءات
سيُرمى الخطأ ArgumentError إن لم يكن $number عددًا.
أمثلة
مثال عن استخدام الدالة round() لضبط قيمة العرض (width):
.selector {
width: round(10.4px); // 10px
height: round(10.6px); // 11px
}
سيُصرّف المثال السابق إلى شيفرة CSS الآتية:
.selector {
width: 10px;
height: 11px; }
انظر أيضًا
- الدالة
floor(): تعيد أقرب عدد صحيح أصغر من العدد المٌمرّر إليها. - الدالة
()ceil: تعيد أقرب عدد صحيح أكبر من العدد المٌمرّر إليها.
- الدالة
percentage(): تُحول عددًا إلى نسبة مئوية. - الدالة
abs(): تعيد القيمة المطلقة للعدد الممرَّر إليها. - الدالة
max(): تعيد القيمة الأكبر من بين مجموعة الأعداد الممرَّرة إليها.