Less 類型函數
在本章中,我們將學習類型函數。它們用于確定值的類型。
Less 類型函數一共有十種,你可以通過文中的表格了解這些類型函數的使用。
下表顯示了LESS中使用的類型函數。
S.N. | 類型函數及描述 | 例子 |
---|---|---|
1 | isnumber 它使用一個值作為參數,并返回true,如果它是一個數字或false | isnumber(1234); // trueisnumber(24px); // trueisnumber(7.8%); // trueisnumber(#fff); // falseisnumber(red); // falseisnumber(“variable"); // falseisnumber(keyword); // falseisnumber(url(...)); // false |
2 | isstring 它使用一個值作為參數,并返回true,如果它是一個字符串或false | 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 它使用一個值作為參數,并返回true(如果值是顏色)或false(如果不是)。 | 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 它使用一個值作為參數,并返回true(如果值是關鍵字)或false(如果不是)。 | 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 它使用一個值作為參數,并返回true(如果值為url)或false(如果值不為)。 | 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 如果值是以像素為單位的數字,或者false,則以值為參數返回true。 | 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 它采用一個值作為參數,并返回true,如果值是em值或false(如果值不是)。 | 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 它采用一個值作為參數,如果值不是百分比,則返回true,如果值為百分比,或返回false。 | 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 如果值是指定單位中作為參數提供的數字,則返回true,如果值不是指定單位中的數字,則返回false。 | 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 它將一個值作為參數,并返回true,如果值為規則集或false | @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 |