الفرق بين المراجعتين لصفحة: «Sass/round»

من موسوعة حسوب
أنشأ الصفحة ب'<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> عددًا غير ذي وحدةٍ '''إلى نسبة مئوية'''.
تقرِّب الدالة <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>'''round'''()‎</code>  لضبط قيمة العرض ([[CSS/width|width]]):<syntaxhighlight lang="sass">
مثال عن استخدام الدالة <code>round()‎</code>  لضبط قيمة العرض (<code>[[CSS/width|width]]</code>):<syntaxhighlight lang="sass">
selector {
.selector {
   width: percentage(0.2) // 20%
   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: 20%;
   width: 10px;
}
  height: 11px; }</syntaxhighlight>
</syntaxhighlight>


== انظر أيضًا ==
== انظر أيضًا ==
* الدالة <code>[[Sass/round|round'''()''']]</code>'''''': تُعيد العدد الصحيح الأقرب.
* الدالة <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#percentage-instance_method قسم الدالة  في صفحة الدوال في توثيق Sass الرسمي.]
* [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()‎: تعيد القيمة الأكبر من بين مجموعة الأعداد الممرَّرة إليها.

مصادر