개요

TitleBarControl 을 구성하는 TitleBarIconTextControl 오브젝트입니다.

지원 환경

Status

속성

border-radius

TitleBarIconTextControl 의 모서리 모양을 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.border-radius

문법 설정

border-radius ::= <horizontal-radius>{4} ['/' <vertical-radius>{4}]

* XCSS
border-radius : 10px;
border-radius : 5px 6px 10px / 5px 10px;

참고

- border-radius 속성값을 설정하지 않으면 undefined 가 설정되고, "0px" 로 동작합니다. 

- <horizontal-radius> 와 <vertical-radius> 는 "/" 문자로 구분하여 입력합니다.

◆ NRE 제약

- border-radius 속성을 설정하면 모든 테두리가 같은 색으로 적용됩니다.
   -nexa-border 속성에서 top 에 적용된 색이 모든 테두리에 적용됩니다.

color

TitleBarIconTextControl 에 표시되는 텍스트의 색상을 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.color

문법 설정

color ::= <NamedColor> | <NumericColor>

* XCSS
color : #999999;
color : rgb ( 255, 0, 0 );
color : red;

참고

- color 속성값을 설정하지 않으면 undefined 가 설정되고, "#000000" 으로 동작합니다.

cursor

TitleBarIconTextControl 영역에서 표시될 마우스 포인터의 종류를 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.cursor

문법 설정

cursor ::= 'none' | 'auto' | 'default' | 'copy' | 'crosshair' | 'help' | 'move' | 'not-allowed' | 'pointer' | 'progress' | 'text' | 'wait' | 'ew-resize' | 'e-resize' | 'w-resize' | 'ns-resize' | 'n-resize' | 's-resize' | 'nesw-resize' | 'ne-resize' | 'sw-resize' | 'nwse-resize' | 'nw-resize' | 'se-resize'

* XCSS
cursor : default ;

참고

- cursor 속성값을 설정하지 않으면 undefined 가 설정되고 "auto" 로 동작합니다.

- disable 상태인 서브컨트롤이 있는 컴포넌트의 경우 마우스 포인터는 서브컨트롤 영역에서
   서브컨트롤의 disable status값이 적용되지 않고, 컴포넌트의 enable status 설정값이 적용됩니다.
   서브컨트롤과 컴포넌트가 모두 disable 상태일 때는 parent 의 enable status 설정값이 적용됩니다.

enable

TitleBarIconTextControl 의 사용가능 여부를 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.enable

문법 설정

enable ::= 'true' | 'false'

참고

- enable 속성값이 false 이면 컴포넌트가 화면에 표시되지만 포커스나 입력을 받을 수 없습니다.

- Div 와 같은 컨테이너 컴포넌트의 enable 속성값을 false 로 설정하면 자식 컴포넌트도 모두 Disable 됩니다.

font

TitleBarIconTextControl 에서 사용하는 폰트를 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.font

문법 설정

strfont ::= [<font-style>] [<font-weight>] <font-size> ['/'<line-height>] <font-family>

<font-style> ::= 'normal' | 'italic'
<font-weight> ::= 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900'
<font-size> ::= <nSize> 'px'|'pt'|'em'|'rem'
<line-height> ::= 'normal' | <nValue> | <nPixel>'px' | <nPercent>'%'
<font-family> ::= <font-name> [',' <font-name>]*

* XCSS
font : bold 12pt/30px arial, sans-serif;

참고

- font 속성값을 설정하지 않으면 undefined 가 설정되고, "12pt/normal Verdana" 로 동작합니다.

- font 속성의 폰트 크기가 변경되면 <line-height> 에 적용된 값에 따라 줄간격이 변경될 수 있습니다.

- <font-weight> 를 수치로 설정 시 "400" 값이 일반적인 굵기로 적용되고, "700" 값이 "bold" 로 적용됩니다.
  폰트에 수치값에 해당하는 폰트굵기가 없다면 "400" 과 "700" 중 가까운 값으로 표시됩니다.

- UserFont 사용 시 환경별로 지원하는 포맷정보는 "Appendix > Supported UserFont" 항목을 참고하세요.


◆ WRE 제약

- -nexa-text-align 속성값이 "right" 일 때 font 속성에 "italic" 을 설정하면 마지막 텍스트의 기울어진 부분이 잘려서 표시될 수 있습니다.
   웹브라우저에서 텍스트영역을 일반글자 기준으로 처리한 후 기울임을 적용하면서 발생하는 문제입니다.

height

TitleBarIconTextControl 을(를) 표시하기 위한 높이를 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.height

문법 설정

height ::= <nVal> ['px' | '%']

참고

- 높이값에 단위를 생략할 경우 pixel 값으로 적용됩니다.

- 높이값에 단위문자를 포함할 경우 문자열 형태로 설정하여야 합니다.

left

TitleBarIconTextControl 을(를) 표시하기 위한 좌측 좌표값을 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.left

문법 설정

left ::= <nVal> ['px' | '%']

참고

- 좌표값에 단위를 생략할 경우 pixel 값으로 적용됩니다.

- 좌표값에 단위문자를 포함할 경우 문자열 형태로 설정하여야 합니다.

letter-spacing

TitleBarIconTextControl 에 표시되는 문자의 간격(자간)을 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.letter-spacing

문법 설정

letter-spacing ::= 'normal' | <nVal> 'px'

* XCSS
letter-spacing : 2px ;

참고

- letter-spacing 속성값을 설정하지 않으면 undefined 가 설정되고, "normal" 로 동작합니다.

name

TitleBarIconTextControl 의 이름을 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.name

문법 설정

참고

- 컴포넌트 내부에 정의된 Control 은 name 을 설정할 수 없습니다.

-nexa-border

TitleBarIconTextControl 의 테두리를 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.-nexa-border

문법 설정

-nexa-border ::= <line-width> <line-style> <color> [,<line-width> <line-style> <color>]{3}

<line-width> ::= 'thin' | 'medium' | 'thick' | <nWidth> 'px'
<line-style> ::= 'none' | 'hidden' | 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset'
<color> ::= <NamedColor> | <NumericColor>

1회 입력 : top/right/bottom/left 에 모두 적용됩니다.
2회 입력 : top/bottom, right/left 에 첫번째 값부터 각각 적용됩니다.
3회 입력 : top, right/left, bottom 에 첫번째 값부터 각각 적용됩니다.
4회 입력 : top, right, bottom, left 에 첫번째 값부터 각각 적용됩니다.

* 2회~4회 입력은 border-radius 속성값이 설정되지 않은 경우만 적용됩니다.

* XCSS
-nexa-border : 1px solid #999999;
-nexa-border : 1px solid #999999, 1px solid #999999, 1px solid #999999, 1px solid #999999;

참고

- -nexa-border 속성값을 설정하지 않으면 undefined 가 설정되고, "medium none #999999" 로 동작합니다.

- <line-style> 이 "double" 일 때 두 줄을 다른 색으로 설정할 수 없습니다.
   <color> 에 설정된 색이 두 줄에 모두 적용됩니다.


◆ Nexacro Runtime Environment 제약

- 각 테두리의 색상이나 두께를 다르게 설정했을 경우 top > right > bottom > left 순으로 겹쳐서 표시됩니다.

- <line-style> 파라미터에 "double","groove","ridge","inset","outset" 값을 설정해도 적용되지 않습니다.

- <line-width> 파라미터에 "thin","medium","thick" 값을 설정해도 적용되지 않습니다.


◆ Web Runtime Environment 제약

- 각 테두리의 색상이나 두께를 다르게 설정했을 경우 웹브라우저에 따라 테두리가 겹쳐지는 순서가 다르게 처리될 수 있습니다.

- 각 테두리의 색상이나 두께를 다르게 설정했을 경우 border-radius 속성값이 설정되어 있으면 
   두께는 각 테두리 별로 따로 적용되고, 색상은 top 에 설정된 색이 적용됩니다.

- 각 테두리의 색상이나 두께를 다르게 설정했을 경우 border-radius 속성값이 설정되어 있어도
   일부 브라우저는 각 테두리의 색상이나 두께가 각각 적용됩니다.

-nexa-icon

TitleBarIconTextControl에서 텍스트와 함께 표시 될 아이콘 이미지를 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.-nexa-icon

문법 설정

-nexa-icon ::= 'URL(" ' <Theme-Image> | <Web-Image> ' ")'

* XCSS
-nexa-icon : URL("./images/smiley.gif");
-nexa-icon : URL("theme://images/border.png");

참고

- -nexa-icon 속성값을 설정하지 않으면 undefined 가 설정됩니다.

- 아이콘 이미지가 표시되는 위치는 -nexa-icon-position 속성에서 설정합니다.

-nexa-icon-position

TitleBarIconTextControl에서 텍스트와 함께 표시 될 아이콘 이미지의 위치를 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.-nexa-icon-position

문법 설정

-nexa-icon-position ::= 'left' | 'top' | 'right' | 'bottom'

* XCSS
-nexa-icon-position : left ;

참고

- -nexa-icon-position 속성값을 설정하지 않으면 undefined 가 설정되고, "left" 로 동작합니다.

- 아이콘과 텍스트가 겹쳐지도록 설정할 수 없습니다.

-nexa-padding

TitleBarIconTextControl 영역의 안쪽 여백을 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.-nexa-padding

문법 설정

-nexa-padding ::= <npadding>'px'{4}

* XCSS
-nexa-padding : 5px 5px 5px 5px;

참고

- -nexa-padding 속성값을 설정하지 않으면 undefined 가 설정되고, "0px" 로 동작합니다.

- -nexa-padding 속성은 컴포넌트에 표시되는 아이콘과 텍스트의 영역에 적용됩니다.

- TitleBarIconTextControl 의 너비보다 표시되는 컨텐츠의 너비가 길면 "right" 방향의 padding 값이 무시됩니다.

- Div 와 같이 자식을 갖을 수 있는 컴포넌트에서 -nexa-padding 속성은 자식 컴포넌트의 위치에 영향을 주지 않습니다.

-nexa-rtl-icon

TitleBarIconTextControl 의 rtl 속성이 true 로 적용될 때 표시될 아이콘 이미지를 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.-nexa-rtl-icon

문법 설정

strRtlIcon ::= "URL(' " <Theme-Image> | <Web-Image> " ')"

* XCSS
-nexa-rtl-icon : URL("http://localhost/Test.jpg");
-nexa-rtl-icon : URL("theme://images/Test.jpg")

참고

- rtl 속성에 의해 표시기준이 변경되면 반전된 이미지를 적용하려 할 때 사용하는 속성입니다.

- XCSS 에서만 설정할 수 있는 속성으로 스크립트로 값을 변경할 수 없습니다.
   XCSS 에 -nexa-rtl-icon 속성값을 설정하지 않으면 -nexa-icon 속성에 설정된 이미지가 적용됩니다.

- TypeDefinition 영역의 Services 에 정의된 사용자 Prefix 는 테마 또는 XCSS 에서 이미지경로로 사용할 수 없습니다.

- 아이콘 이미지가 표시되는 위치는 -nexa-icon-position 속성으로 설정합니다.

-nexa-text-align

TitleBarIconTextControl 에 표시되는 텍스트 또는 컨텐츠의 가로 정렬 방식을 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.-nexa-text-align

문법 설정

-nexa-text-align ::= 'left' | 'right' | 'center'

* XCSS
-nexa-text-align : center;

참고

- -nexa-text-align 속성값을 설정하지 않으면 undefined 가 설정되고, 동작되는 기본값이 컴포넌트에 따라 다릅니다.
   > FileDownload, Button, IconControl, IconTextControl 은 "center" 로 동작됩니다.
   > MaskEdit 는 type 속성값이 "number" 이면 "right" 로 동작되고, "string" 이면 "left" 로 동작됩니다.
   > Grid 는 displaytype 속성값에 따라 동작되는 값이 다릅니다.
   > 나머지 컴포넌트는 "left" 로 동작됩니다.

- TitleBarIconTextControl 의 너비보다 표시되는 텍스트의 길이가 크면 "right" 를 설정해도 "left" 로 동작됩니다.


◆ web runtime environment 제약

- -nexa-text-align 속성값이 "right" 일 때 font 속성에 "italic" 을 설정하면 마지막 텍스트의 기울어진 부분이 잘려서 표시될 수 있습니다.
   웹브라우저에서 텍스트영역을 일반글자 기준으로 처리한 후 기울임을 적용하면서 발생하는 문제입니다.

-nexa-text-decoration

TitleBarIconTextControl 에 표시되는 텍스트에 적용할 효과를 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.-nexa-text-decoration

문법 설정

-nexa-text-decoration ::= 'none' | <txt-deco> [' ' <txt-deco>]{2}

<txt-deco> ::= 'underline' | 'overline' | 'line-through'

* XCSS
-nexa-text-decoration : underline overline;

참고

- -nexa-text-decoration 속성값을 설정하지 않으면 undefined 가 설정되고, "none" 으로 동작합니다.

- 각 효과는 공백(" ")을 구분자로 사용하여 여러번 설정할 수 있습니다.


◆ web runtime environment 제약

- 일부 웹브라우저는 속성값에 "none" 이 포함될 경우 텍스트에 효과가 적용되지 않습니다.

-nexa-text-padding

TitleBarIconTextControl 에 표시되는 아이콘과 텍스트의 간격을 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.-nexa-text-padding //get

문법 설정

strtextpadding ::= <ntextpadding>'px'{4}

* XCSS
-nexa-text-padding : 5px 5px 5px 5px;

참고

- -nexa-text-padding 속성값을 설정하지 않으면 undefined 가 설정되고, "0px" 로 동작합니다.

- TitleBarIconTextControl 에 표시되는 아이콘이 없을 경우 -nexa-text-padding 속성값은 무시됩니다.

- 일반적으로 아이콘과 텍스트에 간격을 주고자 할 때 사용하는 속성으로 아이콘의 위치에 맞게 속성값을 설정합니다.

-nexa-vertical-align

TitleBarIconTextControl 에 표시되는 텍스트 또는 컨텐츠의 세로 정렬 방식을 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.-nexa-vertical-align

문법 설정

-nexa-vertical-align ::= 'top' | 'middle' | 'bottom'

* XCSS
-nexa-vertical-align : middle;

참고

- -nexa-vertical-align 속성값을 설정하지 않으면 undefined 가 설정되고, "middle" 로 동작합니다.

opacity

TitleBarIconTextControl 영역의 투명도를 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.opacity

문법 설정

* XCSS
opacity : 0.8 ;
opacity : 80%;

참고

- opacity 속성값을 설정하지 않으면 undefined 가 설정되고, 1 로 동작합니다.

- Div 와 같이 자식 컴포넌트를 가질 수 있는 컴포넌트에 opacity 속성을 적용하면 자식 컴포넌트도 함께 적용됩니다.

- 부모와 자식 컴포넌트에 각각 opacity 속성이 설정되어 있으면 자식 컴포넌트의 투명도는 부모의 투명도에 추가적으로 적용됩니다.
   예를 들어 부모의 opacity가 0.5 이고 자식의 opacity가 0.4 이면 결과적으로 자식 컴포넌트는 0.2 의 투명도가 적용됩니다.

right

TitleBarIconTextControl 를 표시하기 위한 우측 좌표값을 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.right

문법 설정

right ::= <nVal>['px' | '%']

참고

- 좌표값에 단위를 생략할 경우 pixel 값으로 적용됩니다.

- 좌표값에 단위문자를 포함할 경우 문자열 형태로 설정하여야 합니다.

top

TitleBarIconTextControl 을(를) 표시하기 위한 상단 좌표값을 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.top

문법 설정

top ::= <nVal> ['px' | '%']

참고

- 좌표값에 단위를 생략할 경우 pixel 값으로 적용됩니다.

- 좌표값에 단위문자를 포함할 경우 문자열 형태로 설정하여야 합니다.

width

TitleBarIconTextControl 을(를) 표시하기 위한 너비를 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.width

문법 설정

width ::= <nVal> ['px' | '%']

참고

- 너비값에 단위를 생략할 경우 pixel 값으로 적용됩니다.

- 너비값에 단위문자를 포함할 경우 문자열 형태로 설정하여야 합니다.

word-spacing

TitleBarIconTextControl 에 표시되는 텍스트의 단어 사이 간격을 설정하는 속성입니다.

지원 환경

속성 타입

문법

TitleBarIconTextControl.word-spacing

문법 설정

word-spacing ::= 'normal' | <nVal>'px'

* XCSS
word-spacing : 30px ;

참고

- word-spacing 속성값을 설정하지 않으면 undefined 가 설정되고, "normal" 로 동작합니다.