縮進文本 text-indent
注釋:允許使用負值鹊奖。如果使用負值长窄,那么首行會被縮進到左邊按厘。會產(chǎn)生一種“懸掛縮進”的效果。
值 | 描述 |
---|---|
length | 定義固定的縮進碳默。默認值:0贾陷。 |
% | 定義基于父元素寬度的百分比的縮進。 |
inherit | 規(guī)定應該從父元素繼承 text-indent 屬性的值嘱根。 |
可繼承
單詞間隔 word-spacing
定義
word-spacing 屬性增加或減少單詞間的空白(即字間隔)髓废。
該屬性定義元素中字之間插入多少空白符。針對這個屬性该抒,“字” 定義為由空白符包圍的一個字符串瓦哎。如果指定為長度值,會調(diào)整字之間的通常間隔柔逼;normal 就等同于設置為 0蒋譬。負長度值,會讓字之間擠得更緊愉适。
提示和注釋
注釋:CSS 把“字(word)”定義為任何非空白符字符組成的串犯助,并由某種空白字符包圍。這個定義沒有實際的語義维咸,它只是假設一個文檔包含由一個或多個空白字符包圍的字剂买。支持 CSS 的用戶代理不一定能確定一個給定語言中哪些是合法的字,而哪些不是癌蓖。盡管這個定義沒有多大價值瞬哼,不過它意味著采用象形文字的語言或非羅馬書寫體往往無法指定字間隔。
提示:利用這個屬性租副,可能會創(chuàng)建字間隔太寬的文檔坐慰,所以,使用 word-spacing 時要小心用僧。
字母間隔 letter-spacing
與 word-spacing 的區(qū)別在于结胀,字母間隔修改的是字符或字母之間的間隔赞咙。
字符轉(zhuǎn)換 text-transform
處理文本的大小寫
取值
- none
- uppercase 全大寫
- lowercase 全小寫
- capitalize 每個單詞的首字母大寫
文本裝飾 text-decoration
- none
- underline 下劃線
- overline 上劃線
- line-through 刪除線
- blink
處理空白符 white-space
值 | 描述 |
---|---|
normal | 默認≡愀郏空白會被瀏覽器忽略攀操。 |
pre | 空白會被瀏覽器保留。其行為方式類似 HTML 中的 <pre> 標簽秸抚。 |
nowrap | 文本不會換行速和,文本會在在同一行上繼續(xù),直到遇到 標簽為止剥汤。 |
pre-wrap | 保留空白符序列健芭,但是正常地進行換行。 |
pre-line | 合并空白符序列秀姐,但是保留換行符。 |
inherit | 規(guī)定應該從父元素繼承 white-space 屬性的值若贮。 |
可以影響瀏覽器處理字之間和文本行之間的空白符的方式
值 | 描述 |
---|---|
normal | 默認省有。空白會被瀏覽器忽略谴麦。 |
pre | 空白會被瀏覽器保留蠢沿。其行為方式類似 HTML 中的 <pre> 標簽。 |
nowrap | 文本不會換行匾效,文本會在在同一行上繼續(xù)舷蟀,直到遇到 標簽為止。 |
pre-wrap | 保留空白符序列面哼,但是正常地進行換行野宜。 |
pre-line | 合并空白符序列,但是保留換行符魔策。 |
inherit | 規(guī)定應該從父元素繼承 white-space 屬性的值匈子。 |
值 | 空白符 | 換行符 | 自動換行 |
---|---|---|---|
pre-line | 合并 | 保留 | 允許 |
normal | 合并 | 忽略 | 允許 |
nowrap | 合并 | 忽略 | 不允許 |
pre | 保留 | 保留 | 不允許 |
pre-wrap | 保留 | 保留 | 允許 |
下面的表格總結(jié)了 white-space 屬性的行為:
值 | 空白符 | 換行符 | 自動換行 |
---|---|---|---|
pre-line | 合并 | 保留 | 允許 |
normal | 合并 | 忽略 | 允許 |
nowrap | 合并 | 忽略 | 不允許 |
pre | 保留 | 保留 | 不允許 |
pre-wrap | 保留 | 保留 | 允許 |
文本顏色 color
形式
- 十六進制值 - 如: #FF0000
- 一個RGB值 - 如: RGB(255,0,0)
- 顏色名稱 - 如: red
W3C標準的CSS:如果定義了顏色屬性,還必須定義背景色屬性闯袒。
文本對齊方式 text-align
文本排列屬性是用來設置文本的水平對齊方式虎敦。
取值
- left 默認值:由瀏覽器決定
- right
- center
- justify
- inherit 規(guī)定應該從父元素繼承 text-align 屬性的值。
默認值:如果 direction 屬性是 ltr政敢,則默認值是 left其徙;如果 direction 是 rtl,則為 right喷户。
文本方向 direction
影響塊級元素中文本的書寫方向唾那、表中列布局的方向、內(nèi)容水平填充其元素框的方向褪尝、以及兩端對齊元素中最后一行的位置通贞。
取值
- ltr 默認朗若。文本方向從左到右。
- rtl 文本方向從右到左昌罩。
- inherit 從父元素繼承 direction 屬性的值哭懈。
行高 line-height
說明
該屬性會影響行框的布局。在應用到一個塊級元素時茎用,它定義了該元素中基線之間的最小距離而不是最大距離遣总。
line-height 與 font-size 的計算值之差(行間距)分為兩半,分別加到一個文本行內(nèi)容的頂部和底部轨功⌒癯猓可以包含這些內(nèi)容的最小框就是行框。
取值
值 | 描述 |
---|---|
normal | 默認古涧。設置合理的行間距垂券。 |
number | 該系數(shù)會與當前的font-size相乘來設置行間距。 |
length | 固定的行間距羡滑。 |
% | 基于當前字體尺寸的百分比行間距菇爪。 |
inherit | 規(guī)定應該從父元素繼承 line-height 屬性的值。 |
CSS3文本屬性
文本陰影 text-shadow
可規(guī)定水平陰影柒昏、垂直陰影凳宙、模糊距離,以及陰影的顏色
語法
text-shadow: h-shadow v-shadow blur color;
自動換行word-wrap
語法
word-break: normal|break-all|keep-all;
值 | 描述 |
---|---|
normal | 使用瀏覽器默認的換行規(guī)則职祷。 |
break-all | 允許在單詞內(nèi)換行氏涩。 |
keep-all | 只能在半角空格或連字符處換行。 |
單詞太長的話就可能無法超出某個區(qū)域:
word-wrap 屬性允許您允許文本強制文本進行換行 - 即使這意味著會對單詞進行拆分: