توابع round() در CSS
- صفحه قبلی توابع rotateZ() CSS
- صفحه بعدی توابع saturate() CSS
- برگشت به طبقه بالاتر دستورالعملهای مرجع Function 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
- برگشت به طبقه بالاتر دستورالعملهای مرجع Function CSS