فنکشن 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

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این فنکشن را پشتیبانی می‌کند.

کروم ایج فایرفاکس سافاری آپرا
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() فانکشن