الفرق بين المراجعتين ل"Sass/percentage"
< Sass
اذهب إلى التنقل
اذهب إلى البحث
(أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE: الدالة <code>()percentage</code> في Sass}}</noinclude> تحوّل الدالة <code>percentage'''()'''</code> سلسة '''نصية...') |
|||
سطر 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"> | ||
− | percentage($ | + | percentage($number) |
</syntaxhighlight> | </syntaxhighlight> | ||
== المعاملات == | == المعاملات == | ||
− | === <code>$ | + | === <code>$number</code> === |
− | + | عددٌ صحيح. | |
== القيم المعادة == | == القيم المعادة == | ||
− | + | نسبة مئوية. | |
== الأخطاء والاستثناءات == | == الأخطاء والاستثناءات == | ||
− | سيُرمى الخطأ <code>ArgumentError</code> إن لم | + | سيُرمى الخطأ <code>ArgumentError</code> إن لم يكن <code>$number</code> عددًا لا وحدة له. |
== أمثلة == | == أمثلة == | ||
− | مثال عن استخدام الدالة <code> | + | مثال عن استخدام الدالة <code>'''percentage'''()</code> لضبط قيمة العرض ([[CSS/width|width]]):<syntaxhighlight lang="sass"> |
selector { | selector { | ||
− | + | width: percentage(0.2) // 20% | |
} | } | ||
</syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة <nowiki/>[[CSS]] الآتية:<syntaxhighlight lang="css"> | </syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة <nowiki/>[[CSS]] الآتية:<syntaxhighlight lang="css"> | ||
selector { | selector { | ||
− | + | width: 20%; | |
} | } | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== انظر أيضًا == | == انظر أيضًا == | ||
− | * الدالة <code>[[Sass/ | + | * الدالة <code>[[Sass/round|round'''()''']]</code>'''''': تُعيد العدد الصحيح الأقرب. |
− | * الدالة <code>[[Sass/ | + | * الدالة <code>[[Sass/abs|abs()]]</code>: تُعيد القيمة المطلقة. |
− | * الدالة <code>[[Sass/ | + | * الدالة <code>[[Sass/max|max()]]</code>: تُعيد القيمة الأكبر بين مجموعة من الأعداد. |
== مصادر == | == مصادر == | ||
− | * [https://sass-lang.com/documentation/Sass/Script/Functions.html# | + | * [https://sass-lang.com/documentation/Sass/Script/Functions.html#percentage-instance_method قسم الدالة في صفحة الدوال في توثيق Sass الرسمي.] |
[[تصنيف:Sass]] | [[تصنيف:Sass]] | ||
[[تصنيف: Sass Function]] | [[تصنيف: Sass Function]] |
مراجعة 14:08، 20 أبريل 2018
تحوّل الدالة percentage()
عددًا غير ذي وحدةٍ إلى نسبة مئوية.
البنية العامة
percentage($number)
المعاملات
$number
عددٌ صحيح.
القيم المعادة
نسبة مئوية.
الأخطاء والاستثناءات
سيُرمى الخطأ ArgumentError
إن لم يكن $number
عددًا لا وحدة له.
أمثلة
مثال عن استخدام الدالة percentage()
لضبط قيمة العرض (width):
selector {
width: percentage(0.2) // 20%
}
سيُصرّف المثال السابق إلى شيفرة CSS الآتية:
selector {
width: 20%;
}
انظر أيضًا
- الدالة
round()
: تُعيد العدد الصحيح الأقرب.