border (style)
아이템의 윤곽선을 설정 할 수 있습니다.
Info
name |
type |
required(default) |
description |
color |
string |
선택 |
아이템 윤곽선 색 |
hoverColor |
string |
선택 |
아이템 마우스 오버 윤곽선 색 |
disalbeColor |
string |
선택 |
아이템 비활성화 윤곽선 색 tabs.style만 적용 |
size |
string |
선택 |
아이템 윤곽선 두께 |
type |
string |
선택 |
아이템 윤곽선 종류 |
radius |
string |
선택 |
아이템 윤곽선 곡률 |
Enum
- color, hoverColor, disableColor
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"
}
}
}]
});
제공 버전