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

การกำหนดและการใช้งาน

CSS ของ mod() ฟังก์ชันส่งผลกลับค่าเศษหลังการหารจำนวนหนึ่ง (ผู้หาร) ด้วยจำนวนอื่น (ตัวหาร)

ตัวอย่าง: mod(9, 2) = 1 (9 / 2 = 4; 4 * 2 = 8, คงเหลือ = 1)

ตัวอย่าง: mod(9, -2) = 1。（9 / -2 = 4; 4*-2 = -8, หลักเลขที่เหลือ =-1）

ชี้แจง: 9 / -2 = -4.5 แต่ตัดเลขเป็น -4; -4 * -2 = 8 ซึ่งเนื่องจากแนวทางการตัดเลข ในการคำนวณที่แท้จริงได้ 9 - 8 = 1 หรือตามการหาส่วนที่เหลือโดยตรงได้ -1 ซึ่งเป็นเลขตรงข้ามของ 1 ตัวอย่างเช่น สัญญาณของผลลัพธ์เท่ากับสัญญาณของตัวยก ในการคำนวณ mod อาจแตกต่างกันขึ้นอยู่กับที่ทำงาน แต่โดยทั่วไปนั้นตามกฎการหาส่วนที่เหลือของ matematic และเป็นจำนวนที่มีสัญญาณเท่ากับสัญญาณของตัวยก

ข้อเน้น:ผลลัพธ์จะใช้สัญญาณของตัวยกเฉพาะ

ตัวอย่าง

บาง mod() ตัวอย่าง:

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

รูปแบบภาษา CSS

mod(dividend, divisor)

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

การสนับสนุนเว็บเบราวเซอร์

ตัวเลขในตารางแสดงค่ารุ่นการใช้งานที่สนับสนุนฟังก์ชันครั้งแรกของเว็บเบราวเซอร์

หน้าที่เกี่ยวข้อง

อ้างอิง:ฟังก์ชัน acos() ของ CSS

อ้างอิง:ฟังก์ชัน asin() ของ CSS

อ้างอิง:ฟังก์ชัน atan() ของ CSS

อ้างอิง:ฟังก์ชัน atan2() ของ CSS

อ้างอิง:ฟังก์ชัน calc() ของ CSS

อ้างอิง:ฟังก์ชัน cos() ของ CSS

อ้างอิง:ฟังก์ชัน exp() ของ CSS

อ้างอิง:ฟังก์ชัน hypot() ของ CSS

อ้างอิง:ฟังก์ชัน log() ของ CSS

อ้างอิง:ฟังก์ชัน pow() ของ CSS

อ้างอิง:CSS sin() 函数

อ้างอิง:CSS sqrt() 函数

อ้างอิง:CSS tan() 函数