• 회원가입
  • 로그인
  • 구글아이디로 로그인

[Logical_F] LESS - if() 함수 : 3항 조건

1,192  

 

if() 함수

[정의]

 

조건이 참인지 거짓인지에 따라 다른 값을 반환. (= 3항 조건)

(도입: LESS v3.0.0 / 갱신: LESS v3.6.0)

 


[구문]

 

if(condition, value1, value2)

 


[매개변수]

 

condition

필수. 참거짓 판단할 조건표현식

 

value1

필수. 조건이 참인 경우 값.

 

value2

필수. 조건이 거짓인 경우 값.

 


[반환값]

 

참이면 value1 반환, 거짓이면 value2 반환.

 


[예제]

 

@some: foo;

div {

    margin: if((2 > 1), 0, 3px);

    color:  if((iscolor(@some)), @some, black);

}

 


[예제 결과]

 

div {

    margin: 0; // 참인 경우 값 반영.

    color:  black; // 거짓인 경우 값 반영.

}

 


PS1. condition 매개변수 boolean식은 Guard 구문과 동일.


if(not (true), foo, bar);

if((true) and (2 > 1), foo, bar);

if((false) or (isstring("boo!")), foo, bar);

 


PS2. LESS 3.6 이전엔 condition 매개변수에 () 기호 필수였음.

 

if(2 > 1, blue, green);   // LESS 3.0 ~ 3.5.3 버전은 에러 야기.

if((2 > 1), blue, green); // LESS 3.0+ 가능.

 



분류 제목
basic LESS - Home (입문)
basic LESS - Intro (소개)
basic LESS - Installation (설치)
basic LESS - Variables (변수)
basic LESS - Parent Selectors (부모 선택자)
basic LESS - Mixins (믹스인)
basic LESS - Nesting (중첩 = 안긴 형태)
basic LESS - Operations (연산)
basic LESS - Escaping (회피 = 이스케이핑)・Function (함수)
basic LESS - Namespaces (네임스페이스)・Accessors (접근자)
basic LESS - Maps (맵)
basic LESS - Scope (유효 범위)
basic LESS - Comments (주석)
basic LESS - @import (가져오기)
basic LESS - @plugin (플러그인 가져오기)
basic LESS - Extend (상속 = 확장)
basic LESS - Merge (병합 = 결합)
basic LESS - CSS Guards
basic LESS - Detached Rulesets
1/6
목록
찾아주셔서 감사합니다. Since 2012