文本 (windows).doc

Internet Explorer 10 和使用 JavaScript 的 Windows 应用商店应用支持万维网联合会 (W3C) CSS 文本级别 3 模块的两种基本组件—text-shadow 属性和自动断字 本主题包含下列部分： 文字阴影otext-shadow 属性 断字o-ms-hyphens 属性 o-ms-hyphenate-limit-zone 属性 o-ms-hyphenate-limit-chars 属性 o-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 属性 下列标记示例显示了未应用断字的一小段文本我们使用此示例来演示断字属性。

CSSLorem ipsum dolor sit amet, consectetur adipiscing elit.Curabitur feugiat diam eu ipsum congue ac ultricies nisl rhoncus. Curabitur scelerisque arcu a leomollis porta. Ut eu quam ut odio tempor ornare.此标记在 Internet Explorer 10 中如下所示：-ms-hyphens 属性属性-ms-hyphens 属性启用断字功能其语法如下所示：属性属性描述描述-ms- hyphens指示在当前行内断开单个单词是否会在这一行上造成其他断字机会ms- hyphens 属性可设置为以下值之一： none指示禁止所有的断字，包括软连字符（即 字符，连字符“提示”） manual 指示只有在获得建议断字机会时才允许断字这些建议可以是软连字符或硬 连字符（手动插入）形式auto 指示除了建议的断字机会，还允许由内置的断字字典决定的断字机会软连 字符具有比其他断字机会更高的优先级，但仍受到断字控制属性的限制。

下面是 -ms-hyphens 属性的使用示例，在该示例中它被设置为“auto”：CSSLorem 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.此标记在 Internet Explorer 10 中如下所示：-ms-hyphenate-limit-zone 属性属性 -ms-hyphenate-limit-zone 属性指定在触发断字之前，可以在该行中保留的断字“区”的 宽度或拖尾空白（不计算对齐效果） 其语法如下所示：属性属性描述描述-ms-hyphenate- limit-zone指定在触发断字之前，可以在该行中保留的未填充空间（在对齐之 前）的最大值该值可以是一个非负的（总行宽的）百分比或长度 值下面是 -ms-hyphenate-limit-zone 属性的示例。

CSS. . .在这种情况下，该区域的长度是 50 个像素在对齐之前，如果任何行包含的文本在断字 区之前结束，则实际上会将一个被断字单词的前半部分从下一行“拉”到当前行中下图显 示了这种情况在该案例中，第二和第六行文本（突出显示为粉红色）的长度不足以延伸到断字区因此，分别位于它们下方的两行的第一个单词被断字，且每个断字的前半部分 被移动到上一行ms-hyphenate-limit-chars 属性属性-ms-hyphenate-limit-chars 属性指示一个被断字的单词中所包含的最小字符数其语法 如下所示：属性属性描述描述-ms-hyphenate- limit-chars指定一至三个值，指示在一个被断字的单词中所包含的最小字符数 如果该单词不符合最小总字符数、断字前最小字符数或断字后最小 字符数的要求，则不对该单词执行断字first value 对要执行断字的单词所要求的最小总字符数 second value 对要执行断字的单词所要求的断字前最小字 符数third value 对要执行断字的单词所要求的断字后最小字符 数你也可以使用 auto 关键字来替换其中任何一个或所有值。

与 auto 关键字对应的值是 “5 2 2“，指示最小总字符数是 5，断字前最小字符数是 2，断字后最小字符数也是 2 请参阅 -ms-hyphenate-limit-chars 属性参考页，了解如果省略 其中一个值，结果会怎样下面是 -ms-hyphenate-limit-chars 属性的使用实例在此案例中，该属性被设置为 “auto 3”““，指示该单词的最小总字符数被设为自动（即 5 个） ，而断字前和断字后的最小字符数都是 3这意味着，在前面的示例中在 two 个字符后断字的单词“ultricies”将在此 案例中不执行断字CSSLorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur feugiat diam eu ipsum congue acultricies nisl rhoncus. Curabitur scelerisque arcu a leo mollis porta. Ut eu quam ut odio temporornare.此标记在 Internet Explorer 10 中如下图所示：请注意，单词“ultricies”现在不执行断字，并显示在它自己的行中。

ms-hyphenate-limit-lines 属性属性-ms-hyphenate-limit-lines 属性指示元素中连续断字行的最大数量其语法如下所示：属性属性描述描述-ms-hyphenate- limit-lines指定在一个元素中以断字单词结尾的连续行的最大数量该属性可被设置为整数值或“no-limit”关键字，后者指示对以断字单词结尾的 连续行的数量没有限制相关主题实例演示：文本阴影IEBlog: Building Rich Text-Centric Pages in IE10（在 IE10 中创建以文本为主的页面） CSS Internet Explorer 10 开发者指南。