الفرق بين المراجعتين ل"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()
: تُعيد العدد الصحيح الأقرب.