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 顔色值 檢視完整的顔色值。
一個網頁的背景顔色是指在主體内的選擇：
body {color:red;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}
對于W3C标準的CSS：如果你定義了顔色屬性，你還必須定義背景色屬性。
文本排列屬性是用來設定文本的水準對齊方式。
文本可居中或對齊到左或右,兩端對齊.
當text-align設定為"justify"，每一行被展開為寬度相等，左，右外邊距是對齊（如雜志和報紙）。
h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}
text-decoration 屬性用來設定或删除文本的裝飾。
從設計的角度看 text-decoration屬性主要是用來删除連結的下劃線：
a {text-decoration:none;}
也可以這樣裝飾文字：
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
我們不建議強調指出不是連結的文本，因為這常常混淆使用者。
文本轉換屬性是用來指定在一個文本中的大寫和小寫字母。
可用于所有字句變成大寫或小寫字母，或每個單詞的首字母大寫。
p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}
文本縮進屬性是用來指定文本的第一行的縮進。
p {text-indent:50px;}
指定字元之間的空間
這個例子示範了如何增加或減少字元之間的空間。
指定行與行之間的空間
這個例子示範了如何指定在一個段落中行之間的空間
設定元素的文本方向
這個例子示範了如何改變元素的文本方向。
增加單詞之間的空白空間
這個例子示範了如何增加一個段落中的單詞之間的空白空間。
在元素内禁用文字環繞
這個例子示範了如何禁用一個元素内的文字環繞。
垂直對齊圖像
這個例子示範了如何設定文本的垂直對齊圖像。
添加文本陰影
這個例子示範了如何設定文本陰影。
屬性
描述
color
設定文本顔色
direction
設定文本方向。
letter-spacing
設定字元間距
line-height
設定行高
text-align
對齊元素中的文本
text-decoration
向文本添加修飾
text-indent
縮進元素中文本的首行
text-shadow
設定文本陰影
text-transform
控制元素中的字母
unicode-bidi
設定或傳回文本是否被重寫
vertical-align
設定元素的垂直對齊
white-space
設定元素中空白的處理方式
word-spacing
設定字間距