الفرق بين المراجعتين لصفحة: «Sass/min»
< Sass
جميل-بيلوني (نقاش | مساهمات) طلا ملخص تعديل |
ط ←أمثلة |
||
| سطر 19: | سطر 19: | ||
== أمثلة == | == أمثلة == | ||
مثال عن استخدام الدالة <code>min()</code> لضبط قيمة العرض (<code>[[CSS/width|width]]</code>):<syntaxhighlight lang="sass"> | مثال عن استخدام الدالة <code>min()</code> لضبط قيمة العرض (<code>[[CSS/width|width]]</code>):<syntaxhighlight lang="sass"> | ||
selector { | .selector { | ||
width: min(10px, 40px) // 10px | width: min(10px, 40px) // 10px | ||
} | } | ||
</syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة <nowiki/>[[CSS]] الآتية:<syntaxhighlight lang="css"> | </syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة <nowiki/>[[CSS]] الآتية:<syntaxhighlight lang="css"> | ||
selector { | .selector { | ||
width: 10px; | width: 10px; } | ||
} | |||
</syntaxhighlight> | </syntaxhighlight> | ||
مراجعة 10:47، 15 مايو 2018
تعيد الدالة min() القيمة الأصغر من بين مجموعة من الأعداد الممرَّرة إليها. تقبل هذه الدالة عددًا غير محدَّد من المعاملات.
البنية العامة
min($numbers...)
المعاملات
$numbers
مجموعة من الأعداد المراد معرفة القيمة الصغرى لها.
القيم المعادة
يُعاد العدد الأصغر من بين الأعداد $numbers الممرَّرة
الأخطاء والاستثناءات
سيُرمى الخطأ ArgumentError إن لم يكن أيٌّ قيمة من قيم المعاملات $numbers عددًا، أو كان لتلك القيم واحدات غير متماثلة.
أمثلة
مثال عن استخدام الدالة min() لضبط قيمة العرض (width):
.selector {
width: min(10px, 40px) // 10px
}
سيُصرّف المثال السابق إلى شيفرة CSS الآتية:
.selector {
width: 10px; }
انظر أيضًا
- الدالة
max(): تعيد القيمة الأكبر من بين مجموعة الأعداد الممرَّرة إليها. - الدالة
round(): تقرِّب العدد الممرَّر إليها. - الدالة
percentage(): تحول عددًا إلى نسبة مئوية.
- الدالة
abs(): تعيد القيمة المطلقة للعدد الممرَّر إليها.