font (style)
아이템의 글자의 속성을 설정 할 수 있다.
Info
name |
type |
required(default) |
description |
color |
string |
선택 |
아이템 글자색 |
hoverColor |
string |
선택 |
아이템 마우스 오버 글자색 |
disalbeColor |
string |
선택 |
아이템 비활성화 글자색 tabs.style만 적용 |
size |
string |
선택 |
아이템 글자 크기 |
weight |
string |
선택 |
아이템 글자 굵기 |
type |
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 값으로 설정 |
${숫자}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"
}
}
}]
});
제공 버전