Less Type Functions

Education is not limited to just classrooms. It can be gained anytime, anywhere... - Ravi Ranjan (M.Tech-NIT)

Less Type Functions

The Less Type functions are used to determine the type of the value.

A list of Type functions used in Less:

Index

Type

Description

Example

1)

isnumber

It accepts a value as parameter and returns true, if it's a number otherwise returns false.

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

It accepts a value as parameter and returns true, if it's a string otherwise returns 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

It accepts a value as parameter and returns true, if value is a color otherwise returns 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

It accepts a value as parameter and returns true, if value is a keyword otherwise returns 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

It accepts a value as parameter and returns true, if value is a url otherwise returns 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

It accepts a value as parameter and returns true, if value is a number in pixels otherwise returns false.

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

7)

isem

It accepts a value as parameter and returns true, if value is an em value otherwise returns 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

It accepts a value as parameter and returns true, if value is in percentage otherwise returns 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

It displays true if a value is a number in specified units provided as parameter otherwise false if value is not a number in specified units.

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

It accepts a value as parameter and returns true, if value is a ruleset otherwise returns 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