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