น้อย - ฟังก์ชั่นประเภท

ในบทนี้เราจะเข้าใจถึงความสำคัญของ Type Functionsใน LESS ใช้เพื่อกำหนดประเภทของค่า

ตารางต่อไปนี้แสดงฟังก์ชัน Type ที่ใช้ใน LESS

ซีเนียร์ พิมพ์ Functions & Description ตัวอย่าง
1

isnumber

มันต้องใช้เวลาคุ้มค่าเป็นพารามิเตอร์และผลตอบแทนที่แท้จริงถ้าเป็นตัวเลขหรือเท็จอย่างอื่น

isnumber(1234);       // true
isnumber(24px);       // true
isnumber(7.8%);       // true
isnumber(#fff);       // false
isnumber(red);        // false
isnumber("variable"); // false
isnumber(keyword);    // false
isnumber(url(...));   // false
2

isstring

มันต้องใช้เวลาคุ้มค่าเป็นพารามิเตอร์และส่งกลับจริงถ้ามันเป็นสตริงหรือเท็จอย่างอื่น

isstring("variable"); // true
isstring(1234);       // false
isstring(24px);       // false
isstring(7.8%);       // false
isstring(#fff);       // false
isstring(red);        // false
isstring(keyword);    // false
isstring(url(...));   // false
3

iscolor

รับค่าเป็นพารามิเตอร์และส่งกลับค่าจริงหากค่าเป็นสีหรือเท็จหากไม่ใช่

iscolor(#fff);        // true
iscolor(red);         // true
iscolor(1234);        // false
iscolor(24px);        // false
iscolor(7.8%);        // false
iscolor("variable");  // false
iscolor(keyword);     // false
iscolor(url(...));    // false
4

iskeyword

ใช้ค่าเป็นพารามิเตอร์และส่งกลับค่าจริงหากค่าเป็นคีย์เวิร์ดหรือเท็จหากไม่ใช่

iskeyword(keyword);   // true
iskeyword(1234);      // false
iskeyword(24px);      // false
iskeyword(7.8%);      // false
iskeyword(#fff);      // false
iskeyword(red) ;      // false
iskeyword("variable");// false
iskeyword(url(...));  // false
5

isurl

รับค่าเป็นพารามิเตอร์และส่งกลับค่าจริงหากค่าเป็น url หรือเท็จหากไม่ใช่

isurl(url(...));      // true
isurl(keyword);       // false
isurl(1234);          // false
isurl(24px);          // false
isurl(7.8%);          // false
isurl(#fff);          // false
isurl(red) ;          // false
isurl("variable");    // false
6

ispixel

มันต้องใช้เวลาคุ้มค่าเป็นพารามิเตอร์และผลตอบแทนที่แท้จริงถ้าค่าเป็นจำนวนพิกเซลหรือเท็จอย่างอื่น

ispixel(24px);          // true
ispixel(1234);          // false
ispixel(7.8%);          // false
ispixel(keyword);       // false
ispixel(#fff);          // false
ispixel(red) ;          // false
ispixel("variable");    // false
ispixel(url(...));      // false
7

isem

รับค่าเป็นพารามิเตอร์และส่งกลับค่าจริงหากค่าเป็นค่า em หรือเป็นเท็จหากไม่ใช่

isem(0.5em);            // true
isem(1234);             // false
isem(24px);             // false
isem(keyword);          // false
isem(#fff);             // false
isem(red) ;             // false
isem("variable");       // false
isem(url(...));         // false
8

ispercentage

รับค่าเป็นพารามิเตอร์และส่งกลับค่าจริงถ้าค่าเป็นเปอร์เซ็นต์หรือส่งกลับเท็จหากค่าไม่อยู่ในเปอร์เซ็นต์

ispercentage(7.5%);       // true
ispercentage(url(...));   // false
ispercentage(keyword);    // false
ispercentage(1234);       // false
ispercentage(24px);       // false
ispercentage(#fff);       // false
ispercentage(red) ;       // false
ispercentage("variable"); // false
9

isunit

จะคืนค่าจริงหากค่าเป็นตัวเลขในหน่วยที่ระบุที่ระบุเป็นพารามิเตอร์หรือจะส่งกลับเท็จหากค่าไม่ใช่ตัวเลขในหน่วยที่ระบุ

isunit(10px, px);       // true
isunit(5rem, rem);      // true
isunit(7.8%, '%');      // true
isunit(2.2%, px);       // false
isunit(24px, rem);      // false
isunit(48px, "%");      // false
isunit(1234, em);       // false
isunit(#fff, pt);       // false
isunit("mm", mm);       // false
10

isruleset

มันต้องใช้เวลาคุ้มค่าเป็นพารามิเตอร์และผลตอบแทนที่แท้จริงถ้าค่าเป็น ruleset หรือเท็จอย่างอื่น

@rules: {
   color: green;
}

isruleset(@rules);      // true
isruleset(1234);        // false
isruleset(24px);        // false
isruleset(7.8%);        // false
isruleset(#fff);        // false
isruleset(blue);        // false
isruleset("variable");  // false
isruleset(keyword);     // false
isruleset(url(...));    // false