الفرق بين المراجعتين ل"Sass/percentage"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
ط (مراجعة الصفحة وتدقيقها.)
سطر 1: سطر 1:
 
<noinclude>{{DISPLAYTITLE: الدالة <code>()percentage</code> في Sass}}</noinclude>
 
<noinclude>{{DISPLAYTITLE: الدالة <code>()percentage</code> في Sass}}</noinclude>
تحوّل الدالة <code>percentage()‎</code> عددًا غير ذي وحدةٍ إلى نسبة مئوية.
+
تحوّل الدالة <code>percentage()‎</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>percentage()‎</code>  لضبط قيمة العرض (<code>[[CSS/width|width]]</code>):<syntaxhighlight lang="sass">
+
المثال 1: استخدام الدالة <code>percentage()‎</code>  لضبط قيمة العرض (<code>[[CSS/width|width]]</code>).<syntaxhighlight lang="sass">
 
selector {
 
selector {
 
   width: percentage(0.2) // 20%
 
   width: percentage(0.2) // 20%
سطر 29: سطر 29:
  
 
== انظر أيضًا ==
 
== انظر أيضًا ==
* الدالة <code>[[Sass/round|round()]]</code>‎: تُعيد العدد الصحيح الأقرب.
+
* الدالة <code>[[Sass/round|round()]]</code>‎: تقرِّب العدد الممرَّر إليها.
  
* الدالة <code>[[Sass/abs|abs()]]</code>‎: تُعيد القيمة المطلقة.
+
* الدالة <code>[[Sass/abs|abs()]]</code>‎: تُعيد القيمة المطلقة للعدد الممرَّر إليها.
* الدالة <code>[[Sass/max|max()]]</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#percentage-instance_method قسم الدالة percentage في صفحة الدوال في توثيق Sass الرسمي.]
 
[[تصنيف:Sass]]
 
[[تصنيف:Sass]]
 
[[تصنيف: Sass Function]]
 
[[تصنيف: Sass Function]]

مراجعة 16:30، 3 مايو 2018

تحوّل الدالة percentage()‎ عددًا دون واحدة إلى نسبة مئوية.

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

percentage($number)

المعاملات

‎$number

عددٌ طبيعي دون واحدة.

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

تُعاد نسبة مئوية تمثِّل العدد ‎$number.

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

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

أمثلة

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

selector {
  width: percentage(0.2) // 20%
}

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

selector {
  width: 20%;
}

انظر أيضًا

  • الدالة round()‎: تقرِّب العدد الممرَّر إليها.
  • الدالة abs()‎: تُعيد القيمة المطلقة للعدد الممرَّر إليها.
  • الدالة max()‎: تُعيد القيمة الأكبر من بين مجموعة الأعداد الممرَّر إليها.

مصادر