الفرق بين المراجعتين ل"Sass/percentage"
< Sass
اذهب إلى التنقل
اذهب إلى البحث
جميل-بيلوني (نقاش | مساهمات) ط |
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}') |
||
(مراجعتان متوسطتان بواسطة نفس المستخدم غير معروضتين) | |||
سطر 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> === | ||
− | عددٌ طبيعي دون | + | عددٌ طبيعي دون وحدة. |
== القيم المعادة == | == القيم المعادة == | ||
سطر 15: | سطر 15: | ||
== الأخطاء والاستثناءات == | == الأخطاء والاستثناءات == | ||
− | سيُرمى الخطأ <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 قسم الدالة percentage في صفحة الدوال في توثيق 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()
: تعيد القيمة الأكبر من بين مجموعة الأعداد الممرَّر إليها.