Hàm rem() trong CSS

Trang trước Hàm ray() của CSS
Trang tiếp theo Hàm repeat() của CSS
Quay lại層 trên Sách tham khảo hàm CSS

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

CSS rem() Hàm trả về số dư của phép chia một số (phân tử) cho một số khác (phân số).

Ví dụ: rem(9, 2) = 1. (9 / 2 = 4; 4 * 2 = 8, dư số = 1)

Ví dụ: rem(9, -2) = 1. (9 / -2 = 4; 4 * -2 = -8, dư số = -1)

Lưu ý:Kết quả luôn lấy dấu của phân số.

ví dụ

Một số rem() Ví dụ:

line-height: rem(9, 2); /* 1 */
line-height: rem(19, 4); /* 3 */
line-height: rem(3.5, 3); /* 0.5 */
padding: rem(9%, 2%); /* 1% */
padding: rem(19px, 4px); /* 3px */
padding: rem(19rem, 4rem); /* 3rem */
rotate: rem(120deg, 25deg); /* 20deg */
rotate: rem(120deg, -25deg); /* -20deg */
rotate: rem(-90deg, 15deg); /* 5deg */
rotate: rem(-90deg, -15deg); /* -5deg */

Cú pháp CSS

rem(dividend, divisor)

Giá trị	Mô tả
dividend	Bắt buộc. Phân tử (số, phần trăm hoặc giá trị kích thước).
divisor	Bắt buộc. Phân số (số, phần trăm hoặc giá trị kích thước).