الفرق بين المراجعتين ل"Sass/round"
< Sass
اذهب إلى التنقل
اذهب إلى البحث
(أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE: الدالة <code>()round</code> في Sass}}</noinclude> تحوّل الدالة <code>round'''()'''</code> عددًا غير ذي وحد...') |
ط (استبدال النص - 'توثيق Sass الرسمي.]' ب'توثيق Sass الرسمي].') |
||
(8 مراجعات متوسطة بواسطة 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>. | |
== الأخطاء والاستثناءات == | == الأخطاء والاستثناءات == | ||
− | سيُرمى الخطأ <code>ArgumentError</code> إن لم يكن <code>$number</code> عددًا | + | سيُرمى الخطأ <code>ArgumentError</code> إن لم يكن <code>$number</code> عددًا. |
== أمثلة == | == أمثلة == | ||
− | مثال عن استخدام الدالة <code> | + | مثال عن استخدام الدالة <code>round()</code> لضبط قيمة العرض (<code>[[CSS/width|width]]</code>):<syntaxhighlight lang="sass"> |
− | selector { | + | .selector { |
− | width: | + | 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: | + | 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# | + | * [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()
: تعيد القيمة الأكبر من بين مجموعة الأعداد الممرَّرة إليها.