曝光台 注意防骗
网曝天猫店富美金盛家居专营店坑蒙拐骗欺诈消费者
XML 实用大全
第 392 页
图12-22 大纲中的TITLE 现在成为大写
text-transform 属性与语言有关，因为许多语言(如中文)就没有任何大写和小写的概念。
12.12.6 text-align 属性
text-align 属性只应用于块级元素。它指定块中的文本是否为左对齐、右对齐、居中或两端对齐。
left
right
center
justify
下面的规则使《第十二夜》剧本大纲中的TITLE 元素居中，并使其他的两端对齐。图12-23 显示了应用这些规则之后的大纲。
TITLE { text-align: center }
SYNOPSIS { text-align: justify }
XML 实用大全
第 393 页
图12-23 大纲中TITLE 居中，而文本的其他部分两端对齐
12.12.7 text-indent 属性
text-indent 属性只应用于块级元素，它指定块的第一行相对于块其余行的缩排方式，可用绝对长度或父元素宽度的百分数
来表示。此值可为负，表示悬挂式缩进。
要使元素的所有行而不仅仅是第一行都缩进，可使用框属性(将在下节讨论)在元素上设置额外的左边距。
例如，下面的规则将大纲中的场景缩进半英寸。图12-24 显示了在应用了本规则之后的大纲。
SCENE { text-indent: 0.5in }
12.12.8 line-height 属性
line-height 属性指定后续行基线之间的距离，可用绝对数字、绝对长度或字号的百分数来表示。例如，下面的这条规则使
SYNOPSIS 元素的行距加倍。图12-25 显示在应用此规则之后的《第十二夜》剧本大纲。
SYNOPSIS { line-height: 200% }
XML 实用大全
第 394 页
图12-24 大纲中的SCENE 及其子元素都缩进半英寸
图12-25 间隔加倍的大纲
行距加倍不是特别吸引人，所以我要将其删除。在下一节中，在各元素周围添加了一些额外的页边距，以获得良好的效果。
清单12-15 概述了本节中加入到大纲样式单的所有情况(去掉了行距加倍)。
清单12-15：文本属性的大纲样式单
SYNOPSIS, TITLE, ACT, SCENE { display: block }
SCENE_NUMBER { font: italic smaller serif }
TITLE { font: bold x-large Helvetica, sans-serif }
SYNOPSIS { font: 14pt Times, "Times New Roman", serif }
ACT_NUMBER { font variant: small-caps }
ACT_NUMBER:first-letter { font-variant: normal }
ACT_NUMBER { font-weight: bold }
CHARACTER { text-decoration: underline }
TITLE { text-transform: uppercase }
TITLE { text-align: center }
SYNOPSIS { text-align: justify }
SCENE { text-indent: 0.5in }
XML 实用大全
第 395 页
XML 实用大全
第 396 页
12.13 框属性
CSS 描述了两维的绘制输出内容的一块画布。在这块画布上绘制的元素被包围在虚构的矩形中，这些矩形称为框(box)。这
些框总是平行于画布的边缘放置。使用框属性使人们能够指定单个框的宽度、高度、页边距、贴边、边、大小和位置。图
12-26 显示这些属性之间的关系。
图12-26 具有页边距、边框线和贴边的CSS 框
12.13.1 页边距属性
页边距属性指定加到框的边框线外面的间距。也可使用margin-top、margin-bottom、margin-right 和margin-left 分别设
置顶端、底、右和左页边距。各页边距可使用绝对长度或父元素宽度大小的百分数来表示。例如，按下面的规则和图12-27
演示的那样，设置ACT 的margin-top 属性为1ex，就可以在每个ACT 元素和其前面的元素之间增加额外的间距。
ACT { margin-top: 1ex }
图12-27 ACT 元素的顶端边距变大
也可以使用简略的margin 属性一次设置所有的四个边距。例如，为基本元素(本例为SYNOPSIS)设置页边距属性，就可以在
整个《第十二夜》文档周围增加额外的空间。
SYNOPSIS { margin: 1cm 1cm 1cm 1cm }
事实上，这与页边距单独使用一个值是一样的，CSS 会将这个值认为可应用于所有四个边上。
XML 实用大全
第 397 页
SYNOPSIS { margin: 1cm }
若给出两个margin 值，则第一个应用于顶端和底部，第二个应用于右和左边。若给出三个margin 值，则第一个应用于顶端，
第二个应用于右和左边，第三个应用于底部。只使用各自的margin-top、margin-bottom、margin-right 和margin-left
属性也许更容易。
图12-28 在整个大纲周围增加1 厘米空间
12.13.2 边框线属性
大多数框都有边框。它们是影响基本内容布局的想像中的框，但也许读者无法看见这些框。但是，可以使用边框线属性在其
周围绘出线，从而使框可见。边框线属性允许指定边框线的样式、宽度和颜色。
12.13.2.1 边框线样式
缺省条件下，不管边框线的宽度和颜色是否设置，在框的周围不会绘制任何边界。要使某一边界可见，必须把框的
border-style 属性从其缺省值none 改变为下列值之一：
dotted
dashed
solid
double
groove
ridge
inset
outset
XML 实用大全
第 398 页
border-style 属性可有一到四个值。正如margin 属性一样，一个值适用于所有四个边界。使用两个值时，第一个值表示第
一样式，用来设置顶和底边界，第二个值表示第二样式，用来设置右和左边界。使用三个值时，则按顺序设置顶、右及左和
底边界。当使用四个值时，则表示按从顶、右、底和左的顺序设置每个边界。例如，下列这条规则使用实线边框把整个SYNOPSIS
围住。图12-29 是Internet Explorer 5.0 显示的情景。在这种情况下，边框对使页边距更加明显的效果不太大(记住，页
边距在边框之外)。
SYNOPSIS { border-style: solid }
图12-29 大纲周围的边框
Internet Explorer 5.0 只显示实线边框。其他样式都是作为简单地实线边框绘出。
12.13.2.2 边框线宽度
为了指定沿框的顶端、底部、右和左边缘指定边框线的宽度，共有四个border-width 属性。它们是：
1．border-top-width
2．border-right-width
中国航空网 www.aero.cn
航空翻译 www.aviation.cn
本文链接地址：
XML实用大全(111)
