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

من موسوعة حسوب
أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE: الدالة <code>()round</code> في Sass}}</noinclude> تحوّل الدالة <code>round'''()‎'''</code> عددًا غير ذي وحد...'
 
لا ملخص تعديل
سطر 1: سطر 1:
<noinclude>{{DISPLAYTITLE: الدالة <code>()round</code> في Sass}}</noinclude>
<noinclude>{{DISPLAYTITLE: الدالة <code>()round</code> في Sass}}</noinclude>
تحوّل الدالة <code>round'''()‎'''</code> عددًا غير ذي وحدةٍ '''إلى نسبة مئوية'''.
تعيد الدالة <code>round'''()‎'''</code> العدد الصحيح الأقرب للعدد <code>‎$number</code>.
== البنية العامة ==
== البنية العامة ==
<syntaxhighlight lang="sass">
<syntaxhighlight lang="sass">
سطر 12: سطر 12:


== القيم المعادة ==
== القيم المعادة ==
نسبة مئوية.
عدد صحيح.


== الأخطاء والاستثناءات ==
== الأخطاء والاستثناءات ==
سيُرمى الخطأ <code>ArgumentError</code> إن لم يكن <code>‎$number</code> عددًا لا وحدة له.
سيُرمى الخطأ <code>ArgumentError</code> إن لم يكن <code>‎$number</code> عددًا.


== أمثلة ==
== أمثلة ==
مثال عن استخدام الدالة <code>'''round'''()‎</code>  لضبط قيمة العرض ([[CSS/width|width]]):<syntaxhighlight lang="sass">
مثال عن استخدام الدالة <code>'''round'''()‎</code>  لضبط قيمة العرض ([[CSS/width|width]]):<syntaxhighlight lang="sass">
selector {
selector {
   width: percentage(0.2) // 20%
   width: round(10.4px) // 10px
}
}
</syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة <nowiki/>[[CSS]] الآتية:<syntaxhighlight lang="css">
</syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة <nowiki/>[[CSS]] الآتية:<syntaxhighlight lang="css">
selector {
selector {
   width: 20%;
   width: 10px;
}
}
</syntaxhighlight>
</syntaxhighlight>


== انظر أيضًا ==
== انظر أيضًا ==
* الدالة <code>[[Sass/round|round'''()''']]</code>'''‎''': تُعيد العدد الصحيح الأقرب.
* الدالة <code>[[Sass/percentage|percentage'''()''']]</code>'''‎''': تُعيد العدد الصحيح الأقرب.


* الدالة <code>[[Sass/abs|abs()]]</code>‎: تُعيد القيمة المطلقة.
* الدالة <code>[[Sass/abs|abs()]]</code>‎: تُعيد القيمة المطلقة.
سطر 35: سطر 35:


== مصادر ==
== مصادر ==
* [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 قسم الدالة  في صفحة الدوال في توثيق Sass الرسمي.]
[[تصنيف:Sass]]
[[تصنيف:Sass]]
[[تصنيف: Sass Function]]
[[تصنيف: Sass Function]]

مراجعة 14:13، 20 أبريل 2018

تعيد الدالة round()‎ العدد الصحيح الأقرب للعدد ‎$number.

البنية العامة

round($number)

المعاملات

‎$number

عددٌ صحيح.

القيم المعادة

عدد صحيح.

الأخطاء والاستثناءات

سيُرمى الخطأ ArgumentError إن لم يكن ‎$number عددًا.

أمثلة

مثال عن استخدام الدالة round()‎  لضبط قيمة العرض (width):

selector {
  width: round(10.4px) // 10px
}

سيُصرّف المثال السابق إلى شيفرة CSS الآتية:

selector {
  width: 10px;
}

انظر أيضًا

  • الدالة percentage(): تُعيد العدد الصحيح الأقرب.
  • الدالة abs()‎: تُعيد القيمة المطلقة.
  • الدالة max()‎: تُعيد القيمة الأكبر بين مجموعة من الأعداد.

مصادر