توابع 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