CSS Text(文字)
文字格式
This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from the "嘗試一下" link.
文字顏色
顏色屬性被用來設定文字的顏色。
顏色是通過CSS最經常的指定:
- 十六進位制值 - 如: #FF0000
- 一個RGB值 - 如: RGB(255,0,0)
- 顏色的名稱 - 如: red
參閱 CSS 顏色值 檢視完整的顏色值。
一個網頁的背景顏色是指在主體內的選擇:
例項
對於W3C標準的CSS:如果你定義了顏色屬性,你還必須定義背景色屬性。
文字的對齊方式
文字排列屬性是用來設定文字的水平對齊方式。
文字可居中或對齊到左或右,兩端對齊.
當text-align設定為"justify",每一行被展開為寬度相等,左,右外邊距是對齊(如雜誌和報紙)。
例項
文字修飾
text-decoration 屬性用來設定或刪除文字的裝飾。
從設計的角度看 text-decoration屬性主要是用來刪除連結的下劃線:
例項
也可以這樣裝飾文字:
例項
我們不建議強調指出不是連結的文字,因為這常常混淆使用者。
文字轉換
文字轉換屬性是用來指定在一個文字中的大寫和小寫字母。
可用於所有字句變成大寫或小寫字母,或每個單詞的首字母大寫。
例項
文字縮排
文字縮排屬性是用來指定文字的第一行的縮排。
例項

更多例項
指定字元之間的空間
這個例子演示瞭如何增加或減少字元之間的空間。
指定行與行之間的空間
這個例子演示瞭如何指定在一個段落中行之間的空間
設定元素的文字方向
這個例子演示瞭如何改變元素的文字方向。
增加單詞之間的空白空間
這個例子演示瞭如何增加一個段落中的單詞之間的空白空間。
在元素內禁用文字環繞
這個例子演示瞭如何禁用一個元素內的文字環繞。
垂直對齊影象
這個例子演示瞭如何設定文字的垂直對齊影象。
新增文字陰影
這個例子演示瞭如何設定文字陰影。
所有CSS文字屬性。
屬性 | 描述 |
---|---|
color | 設定文字顏色 |
direction | 設定文字方向。 |
letter-spacing | 設定字元間距 |
line-height | 設定行高 |
text-align | 對齊元素中的文字 |
text-decoration | 向文字新增修飾 |
text-indent | 縮排元素中文字的首行 |
text-shadow | 設定文字陰影 |
text-transform | 控制元素中的字母 |
unicode-bidi | 設定或返回文字是否被重寫 |
vertical-align | 設定元素的垂直對齊 |
white-space | 設定元素中空白的處理方式 |
word-spacing | 設定字間距 |