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

من موسوعة حسوب
ط مراجعة الصفحة وتدقيقها.
طلا ملخص تعديل
سطر 15: سطر 15:


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


== أمثلة ==
== أمثلة ==
المثال 1: استخدام الدالة <code>percentage()‎</code>  لضبط قيمة العرض (<code>[[CSS/width|width]]</code>).<syntaxhighlight lang="sass">
مثال عن استخدام الدالة <code>percentage()‎</code>  لضبط قيمة العرض (<code>[[CSS/width|width]]</code>):<syntaxhighlight lang="sass">
selector {
selector {
   width: percentage(0.2) // 20%
   width: percentage(0.2) // 20%
سطر 31: سطر 31:
* الدالة <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>‎: تعيد القيمة الأكبر من بين مجموعة الأعداد الممرَّر إليها.


== مصادر ==
== مصادر ==

مراجعة 15:38، 13 مايو 2018

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

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

percentage($number)

المعاملات

‎$number

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

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

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

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

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

أمثلة

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

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

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

selector {
  width: 20%;
}

انظر أيضًا

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

مصادر