CSS文本

導(dǎo)航: 上一頁 | ASP | PHP | JSP | HTML | CSS | XHTML | aJAX | Ruby | JAVA | XML | Python | ColdFusion

目錄

• 1 text-indent
• 2 text-overflow
• 3 vertical-align
• 4 layout-flow

text-indent

語法:text-indent : length
取值：length  :　 百分比數(shù)字 | 由浮點數(shù)字和單位標(biāo)識符組成的長度值，允許為負(fù)值。
說明：檢索或設(shè)置對象中的文本的縮進。默認(rèn)值為 0 。
在被另一個對象(如 br )斷開的對象內(nèi)不能應(yīng)用本屬性,此屬性對于 currentStyle 對象而言是只讀的。對于其他對象而言是可讀寫的。 對應(yīng)的腳本特性為 textIndent 。
示例：
DIV { text-indent:2cm }
.click1 { text-indent:50% }
.click2 { text-indent: }

text-overflow

語法：text-overflow : clip | ellipsis
取值：
clip  :　 默認(rèn)值。不顯示省略標(biāo)記(...)，而是簡單的裁切
ellipsis  :　 當(dāng)對象內(nèi)文本溢出時顯示省略標(biāo)記(...)

說明：
設(shè)置或檢索是否使用一個省略標(biāo)記(...)標(biāo)示對象內(nèi)文本的溢出。
這個屬性僅僅作用于水平內(nèi)聯(lián)方向的，普通的西方文本的溢出。內(nèi)聯(lián)溢出發(fā)生在行內(nèi)的文本超出可用寬度卻沒有換行機會的時候。
要強制溢出發(fā)生并且應(yīng)用 ellipsis 值，作者必須設(shè)置對象的 white-space 屬性值為 nowrap 。
假如沒有換行機會(例如，對象容器的寬度是狹窄的，而內(nèi)有很長的沒有合理斷行的文本)，沒有應(yīng)用 nowrap 也有可能溢出。
為了使 ellipsis 值被應(yīng)用，此屬性必須被設(shè)置到具有不可視區(qū)域的對象。最好的選擇是設(shè)置 overflow 屬性為 hidden 。設(shè)置 overflow 屬性為 scroll 或者 auto 時，此屬性也會應(yīng)用。但是會有滾動條出現(xiàn)。
通過選擇省略標(biāo)記，隱藏的文本可以被選擇。當(dāng)選擇發(fā)生時，省略標(biāo)記會隱藏而被文本替換。
此屬性為在DHTML中制作省略標(biāo)記提供了高效的方法。
此屬性對于 currentStyle 對象而言是只讀的。對于其他對象而言是可讀寫的。
對應(yīng)的腳本特性為 textOverflow 。
示例：
div { overflow: hidden; text-overflow:ellipsis; }

vertical-align

語法：
vertical-align : auto | baseline | sub | super | top | text-top | middle | bottom | text-bottom | length
取值：
auto  :　 CSS1 根據(jù) layout-flow 屬性的值對齊對象內(nèi)容
baseline  :　 CSS1 默認(rèn)值。將支持 valign 特性的對象的內(nèi)容與基線對齊
sub  :　 CSS1 垂直對齊文本的下標(biāo)
super  :　 CSS1 垂直對齊文本的上標(biāo)
top  :　 CSS1 將支持 valign 特性的對象的內(nèi)容對象頂端對齊
text-top  :　 CSS1 將支持 valign 特性的對象的文本與對象頂端對齊
middle  :　 CSS1 將支持 valign 特性的對象的內(nèi)容與對象中部對齊

bottom  :　 CSS1 將支持 valign 特性的對象的內(nèi)容與對象底端對齊
text-bottom  :　 CSS1 將支持 valign 特性的對象的文本與對象頂端對齊
length  :　 CSS2 由浮點數(shù)字和單位標(biāo)識符組成的長度值 | 百分?jǐn)?shù)。可為負(fù)數(shù)。定義由基線算起的偏移量?；€對于數(shù)值來說為0，對于百分?jǐn)?shù)來說就是0%。

說明：
設(shè)置或檢索對象內(nèi)容的垂直對其方式。
對于 currentStyle 對象而言此屬性的默認(rèn)值為 auto 。對于其他對象而言是 baseline 。
此屬性對于 currentStyle 對象而言是只讀的。對于其他對象而言是可讀寫的。
對應(yīng)的腳本特性為 verticalAlign 。
示例：td { vertical-align : middle; }
==text-align==
語法：text-align : left | right | center | justify
取值：
left  :　 默認(rèn)值。左對齊
right  :　 右對齊
center  :　 居中對齊
justify  :　 兩端對齊

說明：
設(shè)置或檢索對象中文本的對齊方式。
此屬性作用于所有塊對象(block elements)。在一個 div 對象里的所有塊對象的會繼承此屬性值。 假如屬性沒有設(shè)置，這個參數(shù)將獲取 null 值。
此屬性對于 currentStyle 對象而言是只讀的。對于其他對象而言是可讀寫的。
對應(yīng)的腳本特性為 textAlign 。
示例：div { text-align : center; }

layout-flow

語法： layout-flow : horizontal | vertical-ideographic
取值：
horizontal  :　 默認(rèn)值。對象中的內(nèi)容自左邊流入。下一行在前一行下面。這個值適用于拉丁語系
vertical-ideographic  :　 對象中的內(nèi)容自上而下流入，下一行在前一行左面。這個值適用于亞洲語系

說明：
設(shè)置或檢索對象內(nèi)文本的流動和方向。
當(dāng)此屬性值發(fā)生變化時， text-align 屬性與 vertical-align 屬性的作用也將發(fā)生變化。
這是一個不建議使用的屬性。建議使用 writing-mode 屬性替代它。
此屬性對于 currentStyle 對象而言是只讀的。對于其他對象而言是可讀寫的。
對應(yīng)的腳本特性為 layoutFlow 。
示例：div { layout-flow : horizontal; }