border (style)

아이템의 윤곽선을 설정 할 수 있습니다.

Info

name type required(default) description
color string 선택 아이템 윤곽선 색
hoverColor string 선택 아이템 마우스 오버 윤곽선 색
disalbeColor string 선택 아이템 비활성화 윤곽선 색 tabs.style만 적용
size string 선택 아이템 윤곽선 두께
type string 선택 아이템 윤곽선 종류
radius 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 값으로 설정
${숫자}em em 값으로 설정
${숫자}rem rem 값으로 설정
value description
none 선 없음
hidden 선 숨김
dotted 점선
dashed 파선
solid 실선
double 이중 실선
groove 음각 실선
ridge 양각 실선
inset 음각 실선 (3D)
outset 양각 실선 (3D)
value description
${숫자}px 경계선 전체 곡률
${숫자}px ${숫자}px 경계선 ${왼쪽상단,오른쪽하단} ${왼쪽하단,오른쪽상단} 곡률
${숫자}px ${숫자}px ${숫자}px 경계선 ${왼쪽상단, 오른쪽하단} ${왼쪽하단, 오른쪽상단} ${오른쪽하단} 곡률
${숫자}px ${숫자}px ${숫자}px ${숫자}px 경계선 ${왼쪽상단} ${오른쪽상단} ${오른쪽하단} ${왼쪽하단} 곡률

Example

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

제공 버전

version desc
7.3.0.0