Flash Player 支持原 CSS1 规范 (www.w3.org/TR/REC-CSS1) 中的部分属性。 下表显示受支持的层叠样式表 (CSS) 属性和值,及其相应的 ActionScript 属性名称。 (每个 ActionScript 属性名称都是从对应的 CSS 属性名称派生的;如果名称中包含连字符,请省略连字符并将连字符后的字符变成大写。)
CSS 属性 | ActionScript 属性 | 用法和支持的值 |
---|---|---|
color | color | 只支持十六进制颜色值。 不支持具有指定名称的颜色(例如 blue )。 颜色以下面的格式写入:#FF0000 。 |
display | display | 受支持的值为 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 。 仅嵌入字体支持字距调整。 某些字体(如 Courier New)不支持字距调整。 只有 Windows 中创建的 SWF 文件支持 kerning 属性,而 Macintosh 中创建的 SWF 文件不支持该属性。 但是,这些 SWF 文件可以在 Flash Player 的非 Windows 版本中播放,并且仍可以应用字距调整。 |
leading | leading | 两行之间统一分布的距离。 该值指定在每行之后添加的像素数。 负值将压缩两行之间的距离。 只使用该值的数字部分。 不分析单位(px、pt);像素和磅是等价的。 |
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);像素和磅是等价的。 |
StyleSheetExample.as
下例创建了一个新样式表并将粗体和红色字体处理分配给标题样式。
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); } } }