وظيفة round() في CSS

التعريف والاستخدام

في CSS round() يقوم الدالة بتقريب الرقم إلى أقرب مضاعف لل فاصلة التراجع بناءً على الاستراتيجية المحددة.

مثال

استخدام round() تقريب الرقم بناءً على استراتيجية التقريب المحددة:

div.box2 {
  height: round(up, 105px, 25px);
}
div.box3 {
  height: round(down, 120px, 25px;
}
div.box4 {
  height: round(to-zero, 115px, 25px);
}

تجربة شخصية

قواعد اللغة CSS

round(rounding-strategy, valuetoround, roundinginterval)
القيمة الوصف
rounding-strategy

اختياري. تحديد استراتيجية التقريب. يمكن أن يكون أي من القيم التالية:

  • nearest: القيمة الافتراضية. تقريب قيمة valuetoround إلى أقرب مضاعف لل فاصلة التراجع
  • up: تقريب قيمة valuetoround إلى أقرب مضاعف لل فاصلة التراجع
  • down: تقريب قيمة valuetoround إلى أقرب مضاعف لل فاصلة التراجع
  • to-zero: تقريب قيمة valuetoround إلى أقرب مضاعف لل فاصلة التراجع، وأقرب إلى الصفر
valuetoround مطلوب. القيمة التي يجب تقريبها (رقم أو نسبة أو حجم أو تعبير رياضي).
roundinginterval مطلوب. فاصلة التراجع (رقم أو نسبة أو حجم أو تعبير رياضي).

تفاصيل التقنية

الإصدار: CSS4

دعم المتصفح

الرقم في الجدول يمثل إصدار المتصفح الذي يدعم الوظيفة لأول مرة بالكامل.

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

الصفحة ذات الصلة

مرجع:وظيفة acos() في CSS

مرجع:وظيفة asin() في CSS

مرجع:وظيفة atan() في CSS

مرجع:وظيفة atan2() في CSS

مرجع:وظيفة calc() في CSS

مرجع:وظيفة cos() في CSS

مرجع:وظيفة exp() في CSS

مرجع:وظيفة hypot() في CSS

مرجع:دالة log() CSS

مرجع:دالة mod() CSS

مرجع:دالة pow() CSS