文本 (Winows).docVIP

Internet Explorer 10 和使用 JavaScript 的 Windows 应用商店应用支持万维网联合会 (W3C) CSS 文本级别 3 模块的两种基本组件—text-shadow 属性和自动断字。 本主题包含下列部分： 文字阴影 text-shadow 属性 断字 -ms-hyphens 属性 -ms-hyphenate-limit-zone 属性 -ms-hyphenate-limit-chars 属性 -ms-hyphenate-limit-lines 属性 相关主题 文字阴影 Internet Explorer 10 和使用 JavaScript 的 Windows 应用商店应用支持使用级联样式表级别 3 (CSS3) text-shadow 属性在文本上添加投影效果。有关 text-shadow 属性的实例演示，请参阅 IE Test Drive 上的实例演示：文本投影。 text-shadow 属性 text-shadow 属性对指定的文本应用投影效果，它是在 W3C CSS 文本级别 3 模块中定义的。如果你熟悉 box-shadow属性的语法，也就熟悉了 text-shadow 的语法，因为它们基本上相同。 属性 描述 text-shadow 对特定文本应用一种或多种投影的逗号分隔阴影列表。每个阴影都由以下参数的空格分隔列表组成： horizontal offset 必需。如果是正值，则绘制偏移到文本右侧的阴影；如果是负值，则绘制偏移到文本左侧的阴影。 vertical offset 必需。如果是正值，则绘制偏移到文本下方的阴影；如果是负值，则绘制偏移到文本上方的阴影。 blur distance 不允许使用负值。如果模糊值为零，则阴影边缘是锐利的。否则，值越大，阴影边缘就越模糊。 spread distance 如果是正值，则阴影形状以指定半径向各个方向扩大。如果是负值，则阴影收缩。（注：可能不是所有浏览器都支持这个值。） color 任何受支持的级联样式表 (CSS) 颜色值。 text-shadow 属性的语法与 box-shadow 属性的语法相同，除非 text-shadow 属性不识别 inset 关键字。 以下示例通过使用较小的模糊值在指定文本的下方偏右的位置应用深灰色阴影： CSS .myselector { ... text-shadow: 0.1em 0.1em 0.15em #333; } 当将该选择器应用于一个短文本块之后的效果如下所示： W3C 有一个名为 CSS 文本投影 的页面专门讲述 text-shadow 提示和示例。 断字 Internet Explorer 10 和适用于 Windows 8 的使用 JavaScript 的 Windows 应用商店应用引入了对一项重要 CSS 文本级别 3 功能的支持：断字。自动断字对于新增的多列布局功能特别有用。具体来说，你能通过使用 CSS3 断字来执行以下操作： 根据内置的字典对文本自动断字 指定一个单词至少包含多少个字符才能进行断字 指定断字符之后字词段的最小长度 指定断字符之前字词段的最小长度 指定断字“区域”（在该“区域”以外必须进行断字） 指定连续断字行的最大数量 注意 由于 CSS3 文本工作草案的断字部分尚处于准备阶段，所以本节中的属性必须在使用时带有 Microsoft 专用的供应商前缀“-ms-”，以配合 Internet Explorer 10 一起使用。 本主题包含下列部分： -ms-hyphens 属性 -ms-hyphenate-limit-zone 属性 -ms-hyphenate-limit-chars 属性 -ms-hyphenate-limit-lines 属性 下列标记示例显示了未应用断字的一小段文本。我们使用此示例来演示断字属性。 CSS !DOCTYPE html html lang=en-us body div style=width: 130px; border: 1px solid black; p style=text-align: justify; font-size: 11pt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur feugiat diam eu ipsum congue ac ultricies nisl rhoncus. Curabitur scelerisque arcu a leo mollis porta. Ut eu quam ut odio tempor ornare./p /div /body /html 此