وظيفة round() في CSS
- الصفحة السابقة دالة rotateZ() CSS
- الصفحة التالية دالة saturate() CSS
- العودة إلى الطبقة السابقة دليل المراجعة للوظائف 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 |
اختياري. تحديد استراتيجية التقريب. يمكن أن يكون أي من القيم التالية:
|
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
- الصفحة السابقة دالة rotateZ() CSS
- الصفحة التالية دالة saturate() CSS
- العودة إلى الطبقة السابقة دليل المراجعة للوظائف CSS