الفرق بين المراجعتين لصفحة: «Sass/percentage»
< Sass
لا ملخص تعديل |
جميل-بيلوني (نقاش | مساهمات) ط مراجعة الصفحة وتدقيقها. |
||
| سطر 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>ArgumentError</code> إن كان <code>$number</code> عددًا له واحدة. | ||
== أمثلة == | == أمثلة == | ||
المثال 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 قسم الدالة | * [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(): تُعيد القيمة الأكبر من بين مجموعة الأعداد الممرَّر إليها.