| Package | flash.text |
| Class | public dynamic class StyleSheet |
| Inheritance | StyleSheet EventDispatcher Object |
스타일을 TextField object에 적용하려면 , StyleSheet object를 TextField object의 styleSheet property에 적용합니다.
Flash Player 는, 오리지날의 CSS1 사양 (www.w3.org/TR/REC-CSS1 )에 있는 property의 부분집합을 지원(support)하고 있습니다. 다음의 겉(표)에, 지원(support)되고 있는 CSS (카스케이딘그스타이르시트) property와 그 값, 및 대응하는 ActionScript property의 이름을 나타냅니다. ActionScript property명은, 모두 대응하는 CSS property명으로부터 파생하고 있어, 이름에 하이픈이 포함되는 경우는 하이픈을 생략 해, 뒤의 캐릭터를 대문자로 하고 있습니다.
| CSS property | ActionScript property | 용도와 지원(support)되는 값 |
|---|---|---|
color |
color |
16 진수의 칼라치만이 지원(support)됩니다. blue 등의 이름 첨부 칼라는 지원(support)되지 않습니다. 칼라는, 다음과 같은 포맷으로 기술됩니다. #FF0000. |
display |
display |
지원(support)되는 값은 inline,block, 및 none 입니다. |
font-family |
fontFamily |
사용하는 폰트를 칸마 단락 리스트로 지정합니다. 우선도의 높은 순서에 늘어놓습니다. 임의의 폰트 패밀리명을 사용할 수 있습니다. 범용 폰트명을 지정했을 경우, 적절한 디바이스 폰트에 값환됩니다. 다음과 같은 폰트 변환을 합니다. mono 는 _typewriter 에,sans-serif 는 _sans 에,serif 는 _serif 에 각각 변환됩니다. |
font-size |
fontSize |
값의 숫자의 부분만큼을 사용합니다. 단위 (px, pt)는 해석되지 않습니다. 픽셀과 포인트는 같은 의미가 됩니다. |
font-style |
fontStyle |
유효한 값은 normal 와 italic 입니다. |
font-weight |
fontWeight |
유효한 값은 normal 와 bold 입니다. |
kerning |
kerning |
유효한 값은 true 와 false 입니다. kerning는, 포함(Embed)되어 있는 폰트 에 대해서만 지원(support)되고 있습니다. Courier New 등 특정의 폰트에서는, kerning가 지원(support)되고 있지 않습니다. kerning property는, Macintosh 로 작성된 SWF 파일은 아니고, Windows 로 작성된 SWF 파일에서만 지원(support)됩니다. 다만, 이러한 SWF 파일은 Windows 이외의 버젼의 Flash Player 로 표시하는 것이 가능하고, kerning도 적용됩니다. |
letter-spacing |
letterSpacing |
캐릭터간에 균등하게 배분되는 스페이스의 양입니다. 이 값은, 각 캐릭터의 뒤의 보내에 추가되는 픽셀수를 나타냅니다. 부의 값을 지정하면, 캐릭터의 간격이 좁아집니다. 값의 숫자의 부분만큼을 사용합니다. 단위 (px, pt)는 해석되지 않습니다. 픽셀과 포인트는 같은 의미가 됩니다. |
margin-left |
marginLeft |
값의 숫자의 부분만큼을 사용합니다. 단위 (px, pt)는 해석되지 않습니다. 픽셀과 포인트는 같은 의미가 됩니다. |
margin-right |
marginRight |
값의 숫자의 부분만큼을 사용합니다. 단위 (px, pt)는 해석되지 않습니다. 픽셀과 포인트는 같은 의미가 됩니다. |
text-align |
textAlign |
유효한 값은 left,center,right, 및 justify 입니다. |
text-decoration |
textDecoration |
유효한 값은 none 와 underline 입니다. |
text-indent |
textIndent |
값의 숫자의 부분만큼을 사용합니다. 단위 (px, pt)는 해석되지 않습니다. 픽셀과 포인트는 같은 의미가 됩니다. |
StyleSheet 클래스를 사용하면, 저레벨에서의 텍스트 렌더링이 가능하게 됩니다. 다만, Flex 에서는 일반적으로 Label, Text, TextArea, TextInput 컨트롤을 사용해, 텍스트 처리를 실시합니다.
상세한 것에 대하여는, 「ActionScript 유저 가이드」의 「CSS 스타일에 의한 텍스트의 포맷」을 참조해 주세요.
See also
| property | 정의 | ||
|---|---|---|---|
![]() | constructor : Object
특정의 object 인스턴스의 클래스 object 또는 constructor 함수에의 참조입니다.
| Object | |
![]() | prototype : Object
[static]
클래스 또는 함수 object의 prototype object에의 참조입니다.
| Object | |
| styleNames : Array
[read-only]
이 스타일 시트에 등록되어 모든 스타일의 이름 (string)을 포함한 배열입니다.
| StyleSheet | ||
| Methods | 정의 | ||
|---|---|---|---|
| StyleSheet ()
새로운 StyleSheet object를 작성합니다.
| StyleSheet | ||
![]() | addEventListener (type:String , listener:Function , useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
event listener objects를 EventDispatcher object에 등록해, listener가 이벤트의 통지를 받도록(듯이) 합니다.
| EventDispatcher | |
| clear ():void
스타일 시트 object의 스타일을 모두 삭제합니다.
| StyleSheet | ||
![]() | dispatchEvent (event:Event ):Boolean
이벤트를 event 플로우(flow)에 dispatch합니다.
| EventDispatcher | |
getStyle (styleName:String ):Object
styleName 라는 이름의 스타일에 관련지을 수 있고 있는 스타일 object의 복사를 돌려줍니다. | StyleSheet | ||
![]() | hasEventListener (type:String ):Boolean
EventDispatcher object에, 특정의 event 타입에 대해서 등록된 listener가 있을지 어떨지를 확인합니다.
| EventDispatcher | |
![]() | hasOwnProperty (name:String ):Boolean
object로 지정된 property가 정의되고 있는지 어떤지를 나타냅니다.
| Object | |
![]() | isPrototypeOf (theClass:Object ):Boolean
Object 클래스의 인스턴스가, Parameters로서 지정된 object의 prototype 체인내에 있을지 어떨지를 나타냅니다.
| Object | |
parseCSS (CSSText:String ):void
CSSText 의 CSS 를 해석해, 그 내용을 포함한 스타일 시트를 로드합니다. | StyleSheet | ||
![]() | propertyIsEnumerable (name:String ):Boolean
지정된 property가 존재해, 열거 가능한가 어떤가를 나타냅니다.
| Object | |
![]() | removeEventListener (type:String , listener:Function , useCapture:Boolean = false):void
EventDispatcher object로부터 listener를 삭제합니다.
| EventDispatcher | |
![]() | setPropertyIsEnumerable (name:String , isEnum:Boolean = true):void
루프 처리에 대한 다이나믹 property의 가용성을 설정합니다.
| Object | |
| setStyle (styleName:String , styleObject:Object ):void
지정된 이름을 사용해, 새로운 스타일을 스타일 시트 object에 추가합니다.
| StyleSheet | ||
![]() | toString ():String
지정된 object의 string 표현을 돌려줍니다.
| Object | |
| transform (formatObject:Object ):TextFormat
CSS 해석 기능을 확장합니다.
| StyleSheet | ||
![]() | valueOf ():Object
지정된 object의 원시적치를 돌려줍니다.
| Object | |
![]() | willTrigger (type:String ):Boolean
지정된 event 타입에 대해, 이 EventDispatcher object 또는 그 조상에게 event listener가 등록되어 있는지 어떤지를 확인합니다.
| EventDispatcher | |
| styleNames | property |
styleNames:Array [read-only]이 스타일 시트에 등록되어 모든 스타일의 이름 (string)을 포함한 배열입니다.
Implements public function get styleNames():Array
| StyleSheet | () | constructor |
| clear | () | Methods |
public function clear():void 스타일 시트 object의 스타일을 모두 삭제합니다.
| getStyle | () | Methods |
public function getStyle(styleName:String ):Object
styleName 라는 이름의 스타일에 관련지을 수 있고 있는 스타일 object의 복사를 돌려줍니다. styleName 에 관련지을 수 있고 있는 스타일 object가 없는 경우는,null 가 돌려주어집니다.
styleName:String — 취득하는 스타일의 이름을 나타내는 string입니다.
|
Object —
object입니다.
|
See also
| parseCSS | () | Methods |
public function parseCSS(CSSText:String ):void
CSSText 의 CSS 를 해석해, 그 내용을 포함한 스타일 시트를 로드합니다. CSSText 내의 스타일이 styleSheet 에 이미 포함되어 있는 경우는,styleSheet 의 property는 유지되어CSSText 인 만큼 포함되는 스타일이 styleSheet 에 추가 또는 변경됩니다.
네이티브 CSS 해석 기능을 확장하려면 , StyleSheet 클래스의 서브 클래스를 작성해, 이 Methods를 재정의(override) 합니다.
ParametersCSSText:String — 해석하는 CSS 텍스트입니다 (string).
|
| setStyle | () | Methods |
public function setStyle(styleName:String , styleObject:Object ):void
지정된 이름을 사용해, 새로운 스타일을 스타일 시트 object에 추가합니다. 지정한 스타일이 스타일 시트에 존재하지 않는 경우는, 추가됩니다. 지정한 스타일이 스타일 시트에 이미 존재하는 경우는, 옮겨놓을 수 있습니다. styleObject Parameters에 null 를 지정했을 경우는, 지정한 스타일이 삭제됩니다.
이 Methods에 건네준 스타일 object의 복사가 작성됩니다.
지원(support)되는 스타일의 일람에 대해서는, StyleSheet 클래스의 설명에 기재되어 있는 표를 참조해 주세요.
ParametersstyleName:String — 스타일 시트에 추가하는 스타일의 이름을 나타내는 string입니다.
|
|
styleObject:Object — 스타일을 기술하는 object, 또는 null 입니다.
|
| transform | () | Methods |
public function transform(formatObject:Object ):TextFormat CSS 해석 기능을 확장합니다. 상급 개발자이면, StyleSheet 클래스를 확장해, 이 Methods를 재정의(override) 할 수 있습니다.
ParametersformatObject:Object — 스타일을 기술하는 object, 또는 null 입니다. 이 스타일에는, object의 property로서 스타일 규칙이 포함됩니다.
|
TextFormat —
CSS 규칙을 텍스트 포맷 property에 매핑 한 결과를 포함한 TextFormat object입니다.
|
See also
package {
import flash.display.Sprite;
import flash.text.StyleSheet;
import flash.text.TextField;
import flash.text.TextFieldAutoSize;
public class StyleSheetExample extends Sprite {
public function StyleSheetExample() {
var style:StyleSheet = new StyleSheet();
var heading:Object = new Object();
heading.fontWeight = "bold";
heading.color = "#FF0000";
var body:Object = new Object();
body.fontStyle = "italic";
style.setStyle(". heading", heading);
style.setStyle("body", body);
var label:TextField = new TextField();
label.styleSheet = style;
label.htmlText = "<body><span class='heading'>Hello </span>World...</body>";
addChild(label);
}
}
}
코멘트가 추가되었을 경우, 메일로 받기. | 코멘트 리포트
현재의 페이지: http://flexdocs.kr/docs/flex2/langref/flash/text/StyleSheet.html