曝光台 注意防骗
网曝天猫店富美金盛家居专营店坑蒙拐骗欺诈消费者
3．border-bottom-width
4．border-left-width
每个属性都可以用绝对长度或三个关键字之一：thin、medium 或thick 来指定。边框线宽度不可为负值，但可以为零。
XML 实用大全
第 399 页
例如，要使SYNOPSIS 元素围在1 个像素宽的实线边框(任何计算机显示器都能显示的最细边框)内，可使用下面的规则来设
置这四个属性：
SYNOPSIS { border style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px }
如果想要把所有的或几个边框设置为相同的宽度，则使用border-width 简略属性更方便。这个属性可有一到四个值。一个
值时，设置所有四个边框线宽度。使用两个值时，设置顶和底边为第一个值，右和左边为第二个值。使用三个值时，则表示
按顺序设置顶端、右及左和底宽。当使用四个值时，则表示按从顶、右、底和左的顺序设置每个边框。例如，下列的规则与
前述的规则是等价的：
SYNOPSIS { border-style: solid; border-width: 1px }
12.13.2.3 边框颜色
border-color 属性设置一到四个边框的颜色。只使用一个值，是指设置所有四个边框的颜色。当使用两个值时，表示把顶
和底边框设置为第一个颜色，右和左边框设置为第二个颜色。当使用三个值时，表示按顶端、右及左和底边顺序设置。使用
四个值时，表示按顶端、右、底和左的顺序设置每个边颜色。有效值是任何公认的颜色名或RGB 基色值。例如，要把SYNOPSIS
元素放置在1 个像素、实线的红边框线内，可使用下面这条规则：
SYNOPSIS { border style: solid;
border-width: 1px;
border-color: red }
由于本书是以黑白形式印刷的，所以我将这张图留给读者自己解决。
12.13.2.4 边框线简略属性
有五个简略边框线属性可以使用一条规则同时设置宽度、样式和边框颜色。它们是：
1．border-top
2．border-right
3．border-bottom
4．border-left
5．border
XML 实用大全
第 400 页
例如，border-top 属性为顶边框提供宽度、样式和颜色。border-right、border-bottom 和border-left 相类似。省略的属
性被设置为父元素的值。例如，图12-30 显示在每一幕下面有一个2 像素实线的蓝边框线(如果喜欢可作为水平尺)。要获得
这种效果，可使用下面的规则：
ACT { border-bottom: 2px solid blue }
图12-30 两像素、实线底边框，与HTML 的HR 元素相类似
border 属性把所有四个侧边设置成指定的宽度、样式和高度。例如，下列规则在CHART 元素四周绘出3 像素宽、实线的红
边框。
CHART { border: 3pt solid red }
12.13.3 贴边属性
贴边属性指定框的边界内部间距量。如果显示，框的边框落在页边距和贴边之间。使用padding-top、padding-bottom、
padding-right 和padding-left 属性，可以对顶、底、右和左贴边分别进行设置。每个贴边都可以用绝对长度或父元素宽
度大小的百分数来表示。例如，按下面规则所示来设置其贴边属性，可将SYNOPSIS 与其边分开。
SYNOPSIS { padding-bottom: 1em;
padding-top: 1em;
padding-right: 1em;
padding-left: 1em }
还可以使用简略的padding 属性一次设置所有的四个值。例如，下面的规则与前面的相同：
XML 实用大全
第 401 页
SYNOPSIS { padding: 1em 1em 1em 1em }
事实上，这与使用padding 属性的一个值也是完全一样的，CSS 把此当作适用于所有四个边来看待。
SYNOPSIS { padding: 1em }
提供两个padding 值时，第一个应用于顶和底，第二个应用于右和左。提供三个padding 值时，第一个应用于顶，第二个应
用于右和左，第三个应用于底。使用各自的padding-top、padding-bottom、padding-right 和padding-left 可能更容易。
在剧本大纲的幕名下面的蓝边似乎靠得太紧，所以我们使用padding-bottom 属性在剧幕的结尾和边框之间增加1ex 贴边(如
下面的规则所示)。图12-31 显示的就是这种情景。一般地，在边框周围使用一点贴边是一个很好的主意，这样可以使文本
更容易阅读。
ACT { padding-bottom: 1ex }
12.13.4 大小属性
使用width 和height 属性可强制框为给定的大小。框的内容随需要成比例变化，以适应框的要求。尽管可以将此属性应用
到文本框上，但更普通、更有用的是将此属性用于像影像和Java 小程序这样的替代元素。为了指示浏览器应使用真实的大
小，其宽度和高度可用绝对长度、父元素高度和宽度的百分数或关键字auto(缺省值)给出。例如，下面的这条规则把整个
SYNOPSIS 调整为3 英寸高和3 英寸宽。
SYNOPSIS { padding: 1em; width: 3in; height: 3in }
图12-31 贴边使边框更容易看到
图12-32 显示的是Internet Explorer 5.0 中的效果。当面对一个比其框还大的元素时，Internet Explorer 缩小宽度，但
扩展其高度。Mozilla 使文本超出框之外，有可能覆盖下面的元素。当内容与有准确大小的框不相适用时，各浏览器的处理
结果无法一致、并且也无法预测。
XML 实用大全
第 402 页
图12-32 在Mozilla 中显示的3 英寸高3 英寸宽的大纲
如果将width 设置为绝对或相对单位，将高度设置为auto，那么高度按照宽度成比例调整。
12.13.5 定位属性
在缺省条件下，嵌套在相同父元素内的块级元素在网页上一个挨一个地排列。它们不会并排，也不会折行。可以灵活的使用
float 和clear 属性改变这种情况。
12.13.6 float 属性
float 属性的缺省值为none，可把它设置为left 或right。如果其值为left，那么元素移到网页的左侧，文本在右边围绕
着元素的周围。在HTML 中，这与使用ALIGN = "LEFT"的IMG 标记的效果一致。如此值为right，则元素移到网页的右侧，
文本在左侧围绕着元素的周围。在HTML 中，这与使用ALIGN = "RIGHT"的IMG 的标记效果一致。
中国航空网 www.aero.cn
航空翻译 www.aviation.cn
本文链接地址：
XML实用大全(112)
