وظيفة CSS round()

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

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

صفحة المرتبطة

参考:فونكشن CSS acos()

参考:فونكشن CSS asin()

参考:فونكشن CSS atan()

参考:فونكشن CSS atan2()

参考:فونكشن CSS calc()

参考:فونكشن CSS cos()

参考:فونكشن CSS exp()

参考:فونكشن CSS hypot()

参考:CSS log() 函数

参考:CSS mod() 函数

参考:CSS pow() 函数