وظيفة CSS round()
- 上一页 CSS rotateZ() 函数
- 下一页 CSS saturate() 函数
- 返回上一层 CSS Function Reference Manual
التعريف والاستخدام
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 |
اختياري. تحديد استراتيجية التقريب. يمكن أن يكون أي من القيم التالية:
|
valuetoround | مطلوب. القيمة التي سيتم تقريبها (رقم أو في المئة أو حجم أو تعبير رياضي). |
roundinginterval | مطلوب. فاصلة التراجع (رقم أو في المئة أو حجم أو تعبير رياضي). |
تفاصيل التقنية
الإصدار: | CSS4 |
---|
دعم المتصفح
الرقم في الجدول يمثل إصدار المتصفح الذي يدعم هذه الوظيفة بشكل كامل لأول مرة.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
125 | 125 | 118 | 15.4 | 111 |
صفحة المرتبطة
参考:CSS log() 函数
参考:CSS mod() 函数
参考:CSS pow() 函数
- 上一页 CSS rotateZ() 函数
- 下一页 CSS saturate() 函数
- 返回上一层 CSS Function Reference Manual