ฟังก์ชันที่มีพารามิเตอร์เลือกได้หลายตัวใน LESS
ถ้าฟังก์ชันมีพารามิเตอร์หลายตัว พารามิเตอร์ที่เลือกได้จะต้องอยู่ ท้ายสุด มาดูตัวอย่างกัน
สมมติว่าเรามีฟังก์ชันที่กำหนดสี ข้อความและสีพื้นหลังพร้อมกัน:
.color(@c1, @c2) {
color: @c1;
background-color: @c2;
}
มาทำให้พารามิเตอร์ตัวที่สอง ไม่บังคับกัน:
.color(@c1, @c2: white) {
color: @c1;
background-color: @c2;
}
และตอนนี้มาทำให้พารามิเตอร์ตัวแรก ไม่บังคับด้วย:
.color(@c1: black, @c2: white) {
color: @c1;
background-color: @c2;
}
สร้างฟังก์ชัน border สำหรับกำหนด
เส้นขอบ ให้ฟังก์ชันรับพารามิเตอร์สามตัว:
ความหนา สี และประเภทของเส้นขอบ โดยค่าเริ่มต้นให้
ฟังก์ชันสร้างเส้นขอบความหนา 1px,
สี black และประเภท solid