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

من موسوعة حسوب
لا ملخص تعديل
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}'
 
(4 مراجعات متوسطة بواسطة مستخدمين اثنين آخرين غير معروضة)
سطر 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> عددًا له وحدة.


== أمثلة ==
== أمثلة ==
سطر 23: سطر 23:
}
}
</syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة <nowiki/>[[CSS]] الآتية:<syntaxhighlight lang="css">
</syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة <nowiki/>[[CSS]] الآتية:<syntaxhighlight lang="css">
selector {
.selector {
   width: 20%;
   width: 20%; }
}
</syntaxhighlight>
</syntaxhighlight>


== انظر أيضًا ==
== انظر أيضًا ==
* الدالة <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|{{SUBPAGENAME}}]]
[[تصنيف: Sass Function]]
[[تصنيف: Sass Function|{{SUBPAGENAME}}]]

المراجعة الحالية بتاريخ 07:00، 20 مايو 2018

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

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

percentage($number)

المعاملات

‎$number

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

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

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

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

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

أمثلة

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

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

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

.selector {
  width: 20%; }

انظر أيضًا

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

مصادر