الفرق بين المراجعتين لصفحة: «Sass/percentage»
< Sass
لا ملخص تعديل |
لا ملخص تعديل |
||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE: الدالة <code>()percentage</code> في Sass}}</noinclude> | <noinclude>{{DISPLAYTITLE: الدالة <code>()percentage</code> في Sass}}</noinclude> | ||
تحوّل الدالة <code>percentage | تحوّل الدالة <code>percentage()</code> عددًا غير ذي وحدةٍ إلى نسبة مئوية. | ||
== البنية العامة == | == البنية العامة == | ||
<syntaxhighlight lang="sass"> | <syntaxhighlight lang="sass"> | ||
| سطر 9: | سطر 9: | ||
=== <code>$number</code> === | === <code>$number</code> === | ||
عددٌ. | عددٌ طبيعي دون وحدة الذي نريد تحويله إلى نسبة مئوية. | ||
== القيم المعادة == | == القيم المعادة == | ||
| سطر 18: | سطر 18: | ||
== أمثلة == | == أمثلة == | ||
مثال عن استخدام الدالة <code> | مثال عن استخدام الدالة <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>[[Sass/round|round()]]</code>: تُعيد العدد الصحيح الأقرب. | ||
* الدالة <code>[[Sass/abs|abs()]]</code>: تُعيد القيمة المطلقة. | * الدالة <code>[[Sass/abs|abs()]]</code>: تُعيد القيمة المطلقة. | ||
مراجعة 05:43، 21 أبريل 2018
تحوّل الدالة percentage() عددًا غير ذي وحدةٍ إلى نسبة مئوية.
البنية العامة
percentage($number)
المعاملات
$number
عددٌ طبيعي دون وحدة الذي نريد تحويله إلى نسبة مئوية.
القيم المعادة
نسبة مئوية.
الأخطاء والاستثناءات
سيُرمى الخطأ ArgumentError إن لم يكن $number عددًا لا وحدة له.
أمثلة
مثال عن استخدام الدالة percentage() لضبط قيمة العرض (width):
selector {
width: percentage(0.2) // 20%
}
سيُصرّف المثال السابق إلى شيفرة CSS الآتية:
selector {
width: 20%;
}
انظر أيضًا
- الدالة
round(): تُعيد العدد الصحيح الأقرب.