พารามิเตอร์หลายตัวในฟังก์ชัน LESS
ในฟังก์ชันใน LESS สามารถส่งผ่านพารามิเตอร์ได้หลายตัว
โดยต้องแจกแจงพวกมัน
คั่นด้วยเครื่องหมายจุลภาค ตัวอย่างเช่น ลองสร้าง
ฟังก์ชัน size เพื่อกำหนดขนาดขององค์ประกอบ:
.size(@w, @h) {
width: @w;
height: @h;
}
มาใช้ฟังก์ชันของเรากัน:
div {
.size(200px, 100px);
}
ผลลัพธ์หลังจากการคอมไพล์จะได้โค้ดต่อไปนี้:
div {
width: 200px;
height: 100px;
}
สร้างฟังก์ชัน .fsh ซึ่งพารามิเตอร์แรก
จะรับค่าของคุณสมบัติ
font-size และพารามิเตอร์ที่สอง - ค่าของคุณสมบัติ
line-height
สร้างฟังก์ชัน .absTL ซึ่งจะ
กำหนดการจัดตำแหน่งแบบสัมบูรณ์ โดย
พารามิเตอร์แรกจะรับ
ค่าของคุณสมบัติ top และพารามิเตอร์ที่สอง -
ค่าของคุณสมบัติ left
สร้างฟังก์ชันที่คล้ายกัน .absTR,
.absBL และ .absBR ซึ่งกำหนดการจัดตำแหน่งแบบสัมบูรณ์จากด้านต่างๆ