LESS-型関数
この章では、LESSでの Type Functions の重要性を理解します。 これらは、値のタイプを決定するために使用されます。
次の表は、LESSで使用される_Type Functions_を示しています。
| Sr.No.
|
Type Functions & Description
|
Example
|
| 1
|
isnumber
パラメータとして値を取り、それが数値の場合は_true_を返し、そうでない場合は_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
パラメータとして値を取り、文字列の場合は_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
パラメータとして値を取り、値がurlの場合は_true_を返し、そうでない場合は_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
パラメータとして値を取り、値がピクセル数の場合は_true_を返し、そうでない場合は_false_を返します。
|
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値の場合は_true_を返し、そうでない場合は_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
|
