LESS - Fonctions de type

Dans ce chapitre, nous comprendrons l'importance de Type Functionsen moins. Ils sont utilisés pour déterminer le type de la valeur.

Le tableau suivant présente les fonctions de type utilisées dans LESS.

N ° Sr. Fonctions de type et description Exemple
1

isnumber

Il prend une valeur comme paramètre et retourne true , si c'est un nombre ou false dans le cas contraire.

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

Il prend une valeur comme paramètre et retourne true , si c'est une chaîne ou false dans le cas contraire.

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

Il prend une valeur comme paramètre et renvoie true si la valeur est une couleur ou false dans le cas contraire.

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

Il prend une valeur comme paramètre et renvoie true , si value est un mot-clé ou false dans le cas contraire.

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

Il prend une valeur comme paramètre et renvoie true , si value est une URL ou false dans le cas contraire.

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

Il prend une valeur comme paramètre et retourne true , si value est un nombre en pixels ou false dans le cas contraire.

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
sept

isem

Il prend une valeur comme paramètre et renvoie true , si value est une valeur em ou false si ce n'est pas le cas.

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

Il prend une valeur comme paramètre et renvoie true , si la valeur est en pourcentage ou renvoie false , si la valeur n'est pas en pourcentage.

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

Il renvoie true si une valeur est un nombre dans les unités spécifiées fourni en paramètre ou il renvoie false si la valeur n'est pas un nombre dans les unités spécifiées.

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
dix

isruleset

Il prend une valeur comme paramètre et renvoie true , si value est un ensemble de règles ou false dans le cas contraire.

@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