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

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