font (style)

아이템의 글자의 속성을 설정 할 수 있다.

Info

name type required(default) description
color string 선택 아이템 글자색
hoverColor string 선택 아이템 마우스 오버 글자색
disalbeColor string 선택 아이템 비활성화 글자색 tabs.style만 적용
size string 선택 아이템 글자 크기
weight string 선택 아이템 글자 굵기
type string 선택 아이템 글자 종류

Enum

value description
"#000000" ~ "#FFFFFF" RGB(hex)
"rgb(0,0,0)" ~ "rgb(255,255,255)" RGB
"rgba(0,0,0,0)" ~ "rgba(255,255,255,1)" RGBA
value description
${숫자}px px 값으로 설정
${숫자}pt pt 값으로 설정
${숫자}em em 값으로 설정
${숫자}rem rem 값으로 설정
value description
normal 보통 글꼴 가중치(400과 같음)
bold 굵은 글꼴 가중치(700과 같음)
lighter (가능한 글꼴 가중치 중) 부모 요소보다 얇은 글꼴 가중치
bolder (가능한 글꼴 가중치 중) 부모 요소보다 굵은 글꼴 가중치
"Thin" 또는 "Hairline" 100의 가중치
"Extra Light" 또는 "Ultra Light" 200의 가중치
Light 300의 가중치
Normal 400의 가중치
Medium 500의 가중치
"Semi Bold" 또는 "Demi Bold" 600의 가중치
Bold 700의 가중치
"Extra Bold" 또는 "Ultra Bold" 800의 가중치
"Black" 또는 "Heavy" 900의 가중치
inherit 상위 속성을 따름
initial 글꼴의 초기값을 따름
unset inherit가 없으면 initial를 따름
value description
normal 기본 타입
italic 기울기 타입
oblique 기울기 타입
inherit 상위 속성을 따름
initial 글꼴의 초기값을 따름
unset inherit가 없으면 initial를 따름

Example

//탭 기본 속성 설정
myTab.setOptions({
  tabs : [{
    /*
      다른 속성 정의
    */
    style : {
      background: {
        color: "#FFFFFF",
        hoverColor: "#CCCCCC",
        disableColor: "rgba(255,255,255,0)",
        size: "14px",
        type: "normal",
        weight: "normal"
      }
    }
  }],
  contents : [{
    /*
      다른 속성 정의
    */
    style : {
      background: {
        color: "#FFFFFF",
        hoverColor: "#CCCCCC",
        size: "2px",
        type: "solid",
        radius: "0px 0px 5px 5px"
      }
    }
  }]
});

제공 버전

version desc
7.3.0.0