Hàm round() CSS

Định nghĩa và cách sử dụng

CSS round() Hàm làm tròn số theo chiến lược làm tròn đã chỉ định để đến giá trị nguyên gần nhất của khoảng cách lẻ.

Sử dụng round() Làm tròn số theo chiến lược làm tròn đã chỉ định để đến giá trị nguyên gần nhất của khoảng cách lẻ:

div.box2 {
  height: round(up, 105px, 25px);
}
div.box3 {
  height: round(down, 120px, 25px;
}
div.box4 {
  height: round(to-zero, 115px, 25px);
}

round(rounding-strategy, valuetoround, roundinginterval)

Giá trị	Mô tả
rounding-strategy	Tùy chọn. Định nghĩa chiến lược làm tròn. Có thể là một trong các giá trị sau: nearest: Giá trị mặc định. Làm tròn giá trị valuetoround đến giá trị nguyên gần nhất của roundinginterval up: Làm tròn giá trị valuetoround lên giá trị nguyên gần nhất của roundinginterval down: Làm tròn giá trị valuetoround xuống giá trị nguyên gần nhất của roundinginterval to-zero: Làm tròn giá trị valuetoround đến giá trị nguyên gần nhất của roundinginterval và gần số 0 nhất
valuetoround	Bắt buộc. Giá trị cần làm tròn (số, phần trăm, kích thước hoặc biểu thức toán học).
roundinginterval	Bắt buộc. Khoảng cách lẻ (số, phần trăm, kích thước hoặc biểu thức toán học).

Giá trị

Mô tả

rounding-strategy

Tùy chọn. Định nghĩa chiến lược làm tròn. Có thể là một trong các giá trị sau:

nearest: Giá trị mặc định. Làm tròn giá trị valuetoround đến giá trị nguyên gần nhất của roundinginterval
up: Làm tròn giá trị valuetoround lên giá trị nguyên gần nhất của roundinginterval
down: Làm tròn giá trị valuetoround xuống giá trị nguyên gần nhất của roundinginterval
to-zero: Làm tròn giá trị valuetoround đến giá trị nguyên gần nhất của roundinginterval và gần số 0 nhất

valuetoround

Bắt buộc. Giá trị cần làm tròn (số, phần trăm, kích thước hoặc biểu thức toán học).

roundinginterval

Bắt buộc. Khoảng cách lẻ (số, phần trăm, kích thước hoặc biểu thức toán học).