ฟังก์ชัน rem() ของ CSS

การประกาศและการใช้งาน

CSS บาง ฟังก์ชันกลับค่าหนึ่งเดียว (ตัวถึง) ที่หารด้วยหนึ่งเดียว (ตัวแบ่ง) หลังจากหาร

rem(9, 2) = 1。(9 / 2 = 4;4 * 2 = 8,เหลือ = 1)

rem(9, -2) = 1。(9 / -2 = 4;4 * -2 = -8,เหลือ = -1)

ตัวอย่างจำเป็น

ผลลัพธ์เสมอจะเลือกสัญญาณของตัวแบ่ง

ตัวอย่าง บาง rem()

ขอบเขตตัวอย่าง
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 */

ภาษา CSSdividendrem( divisor,
) รายละเอียด
dividend จำเป็น。ตัวถึง (ตัวเลข、เปอร์เซ็นต์หรือขนาดความยาว)
divisor จำเป็น。ตัวแบ่ง (ตัวเลข、เปอร์เซ็นต์หรือขนาดความยาว)

รายละเอียดเทคนิค

เวอร์ชั่น: 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