Nhiều tham số tùy chọn trong hàm LESS

Nếu một hàm có nhiều tham số, thì các tham số tùy chọn phải được đặt ở cuối. Hãy cùng xem ví dụ.

Giả sử chúng ta có một hàm thiết lập màu chữ và đồng thời là màu nền:

styles.less.color(@c1, @c2) {
  color: @c1;
  background-color: @c2;
}

Hãy làm cho tham số thứ hai trở thành tùy chọn:

styles.less.color(@c1, @c2: white) {
  color: @c1;
  background-color: @c2;
}

Và bây giờ hãy làm cho cả tham số đầu tiên cũng trở thành tùy chọn:

styles.less.color(@c1: black, @c2: white) {
  color: @c1;
  background-color: @c2;
}
Задание 1

Tạo hàm border để thiết lập đường viền. Hãy để nó nhận ba tham số: độ dày, màu sắc và kiểu đường viền. Hãy để mặc định hàm tạo đường viền có độ dày 1px, màu black và kiểu solid.