19、font:指定DIV中文本的樣式,其後可跟文本的多個樣式。
例:
- <divstyledivstyle="font:bold14px宋體;background-color:Yellow">
- 明月幾時有?把酒問青天。不知天上宮阙、今夕是何年?我欲乘風歸去,
- 惟恐瓊樓玉宇,高處不勝寒.起舞弄清影,何似在人間?
- 轉朱閣,低绮戶,照無眠。不應有恨、何事長向別時圓?人有悲歡離合,
- 月有陰晴圓缺,此事古難全。但願人長久,千裡共蟬娟。
- < span>div>
說明:font後可以跟文本樣式的多個屬性,如字體粗細、字體大小、何種字體等等。還可以用以下幾個屬性分別加以設置:
20、font-family:設置要用的字體名稱;
21、font-weight:指定文本的粗細,其值有boldbolderlighter等。
22、font-size:指定文本的大小。
23、font-style:指定文本樣式,其值有italicnormaloblique等。
24、color:指定文本顏色。
25、text-align:指定文本水平對齊方式,其值有center(居中)leftrightjustify。
26、text-decorator:用於文本的修飾。其值有noneunderlineoverlineline-through和blink的組合。
(在IE中無閃爍效果,FF中有效果。期待高手指點,)
27、text-indent:設置文本的縮進。
28、text-transform:設置文本的字母大小寫。其值有lowercaseuppercasecapitalize(首字母大寫)none。
例:
代碼
- <divstyledivstyle="text-align:left;text-decoration:line-throughblink;text-indent:30px;
- text-transform:capitalize;color:Blue;font:bolditalic14px宋體;background-color:Yellow">
- 明月幾時有?把酒問青天。不知天上宮阙、今夕是何年?我欲乘風歸去,惟恐瓊樓玉宇,高處不勝寒.起舞弄清影,何似在人間?
- 轉朱閣,低绮戶,照無眠。不應有恨、何事長向別時圓?人有悲歡離合,
- 月有陰晴圓缺,此事古難全。但願人長久,千裡共蟬娟。
- abcdefghijklmnopqRSTUVWXYZ
- < span>div>
29、overflow:內容溢出控制,其值有scroll(始終顯示滾動條)、visible(不顯示滾動條,但超出部分可見)、auto(內容超出時顯示滾動條)、hidden(超出時隱藏內容)。
30、direction:內容的流向。其值有ltr(從左至右)、rtl(從右至左)。
31、line-height:指定文本的行高。
32、Word-spacing:字間距。
例:
代碼
- 1<divstyledivstyle="font:16px宋體;width:600px;height:200px;Word-spacing:5px;line-height:20px;
- 2
- 3direction:rtl;overflow:auto;background-color:Yellow">
- 明月幾時有?把酒問青天。不知天上宮阙、今夕是何年?我欲乘風歸去,
- 惟恐瓊樓玉宇,高處不勝寒.起舞弄清影,何似在人間?
- 轉朱閣,低绮戶,照無眠。不應有恨、何事長向別時圓?人有悲歡離合,
- 月有陰晴圓缺,此事古難全。但願人長久,千裡共蟬娟。<br/>
- 7明月幾時有?把酒問青天。不知天上宮阙、今夕是何年?我欲乘風歸去,惟恐瓊樓玉宇,高處不勝寒.起舞弄清影,何似在人間?
- 轉朱閣,低绮戶,照無眠。不應有恨、何事長向別時圓?人有悲歡離合,
- 月有陰晴圓缺,此事古難全。但願人長久,千裡共蟬娟。
- <br/>
- 8
- 9明月幾時有?把酒問青天。不知天上宮阙、今夕是何年?我欲乘風歸去,惟恐瓊樓玉宇,高處不勝寒.起舞弄清影,何似在人間?
- 轉朱閣,低绮戶,照無眠。不應有恨、何事長向別時圓?人有悲歡離合,
- 月有陰晴圓缺,此事古難全。但願人長久,千裡共蟬娟。<br/>
- 10
- 11明月幾時有?把酒問青天。不知天上宮阙、今夕是何年?我欲乘風歸去,惟恐瓊樓玉宇,高處不勝寒.起舞弄清影,何似在人間?
- 轉朱閣,低绮戶,照無眠。不應有恨、何事長向別時圓?人有悲歡離合,
- 月有陰晴圓缺,此事古難全。但願人長久,千裡共蟬娟。
- 12
- 13< span>div>