曝光臺 注意防騙 網曝天貓店富美金盛家居專營店坑蒙拐騙欺詐消費者

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.k6050.com
航空翻譯 www.aviation.cn
本文鏈接地址：XML實用大全(112)