LESS - Hàm loại

Trong chương này, chúng ta sẽ hiểu tầm quan trọng của Type Functionstrong LESS. Chúng được sử dụng để xác định loại giá trị.

Bảng sau đây cho thấy các Hàm Loại được sử dụng trong LESS.

Sr.No. Nhập Chức năng & Mô tả Thí dụ
1

isnumber

Nó nhận một giá trị làm tham số và trả về true , nếu đó là một số hoặc false nếu không.

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

Nó nhận một giá trị làm tham số và trả về true , nếu đó là một chuỗi hoặc false nếu không.

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

Nó nhận một giá trị làm tham số và trả về true , nếu giá trị là màu hoặc false nếu không.

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

Nó nhận một giá trị làm tham số và trả về true , nếu giá trị là một từ khóa hoặc false nếu không.

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

Nó nhận một giá trị làm tham số và trả về true , nếu giá trị là url hoặc false nếu không.

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

Nó nhận một giá trị làm tham số và trả về true , nếu giá trị là một số tính bằng pixel hoặc false nếu không.

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

Nó nhận một giá trị làm tham số và trả về true , nếu giá trị là giá trị em hoặc false nếu không.

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
số 8

ispercentage

Nó nhận một giá trị làm tham số và trả về true , nếu giá trị tính bằng phần trăm hoặc trả về false , nếu giá trị không tính theo phần trăm.

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

Nó trả về true nếu một giá trị là một số trong các đơn vị được chỉ định được cung cấp dưới dạng tham số hoặc nó sẽ trả về false nếu giá trị không phải là một số trong các đơn vị đã chỉ định.

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

Nó nhận một giá trị làm tham số và trả về true , nếu giá trị là một bộ quy tắc hoặc sai .

@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