【CSS3】CSS3文本字体相关属性大全
生活随笔
收集整理的這篇文章主要介紹了
【CSS3】CSS3文本字体相关属性大全
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
字體相關屬性測試
<!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content="text/html"; charset="utf-8"/><title>CSS字體屬性設置</title></head><body><!--設置文字顏色灰色--><span style="color:#888888">color:#888888</span><br/><!--設置文字顏色紅色--><span style="color:red">color:red</span><br/><!--設置文字字體為隸書--><span style="font-family:'隸書'">font-family:'隸書'</span><br/><!--設置文字字體大小20--><span style="font-size:20pt">font-size:20pt</span><br/><!--設置文字字體大小為絕對最小--><span style="font-size:xx-small">font-size:xx-small</span><br/><!--設置文字字體大小為絕對較小--><span style="font-size:x-small">font-size:x-small</span><br/><!--設置文字字體大小為絕對小--><span style="font-size:small">font-size:small</span><br/><!--設置文字字體大小為絕對正常--><span style="font-size:medium">font-size:medium</span><br/><!--設置文字字體大小為絕對大--><span style="font-size:large">font-size:large</span><br/><!--設置文字字體大小為絕對較大--><span style="font-size:x-large">font-size:x-large</span><br/><!--設置文字字體大小為絕對最大--><span style="font-size:xx-large">font-size:xx-large</span><br/><!--設置文字字體大小為相對父元素字體增大--><span style="font-size:larger">font-size:larger</span><br/><!--設置文字字體大小為相對父元素字體縮小--><span style="font-size:smaller">font-size:smaller</span><br/><!--設置文字不拉伸--><span style="font-strength:normal">font-strength:normal</span><br/><!--設置文字橫向壓縮--><span style="font-strength:narrower">font-strength:narrower</span><br/><!--設置文字橫向拉伸--><span style="font-strength:wider">font-strength:wider</span><br/><!--設置文字不傾斜--><span style="font-style:normal">font-style:normal</span><br/><!--設置文字斜體--><span style="font-style:italic">font-style:italic</span><br/><!--設置文字傾斜--><span style="font-style:oblique">font-style:oblique</span><br/><!--設置文字更細--><span style="font-weight:lighter">font-weight:lighter</span><br/><!--設置文字粗細正常--><span style="font-weight:normal">font-weight:normal</span><br/><!--設置文字加粗--><span style="font-weight:bold">font-weight:bold</span><br/><!--設置文字更粗--><span style="font-weight:bolder">font-weight:bolder</span><br/><!--設置文字加粗900--><span style="font-weight:900">font-weight:900</span><br/><!--設置文字是否有修飾線之無修飾--><span style="text-decoration:none">text-decoration:none</span><br/><!--設置文字是否有修飾線之閃爍--><span style="text-decoration:blink">text-decoration:blink</span><br/><!--設置文字是否有修飾線之下劃線--><span style="text-decoration:underline">text-decoration:underline</span><br/><!--設置文字是否有修飾線之刪除線--><span style="text-decoration:line-through">text-decoration:line-through</span><br/><!--設置文字是否有修飾線之上劃線--><span style="text-decoration:overline">text-decoration:overline</span><br/><!--設置文字大寫字母格式--><span style="font-variant:small-caps">font-variant:small-caps</span><br/><!--設置文字陰影效果--><span style="text-shadow:-5px -5px 2px gray">text-shadow:-5px -5px 2px gray</span><br/><!--設置文字不轉換大小寫--><span style="text-transform:none">text-transform:none</span><br/><!--設置文字首字母大寫--><span style="text-transform:capitalize">text-transform:capitalize</span><br/><!--設置文字大寫--><span style="text-transform:uppercase">text-transform:uppercase</span><br/><!--設置文字小寫--><span style="text-transform:lowercase">text-transform:LOWERCASE</span><br/><!--設置字體行高--><span style="line-height:30pt">line-height:30pt</span><br/><!--設置字符之間的間隔--><span style="letter-spacing:5pt">letter-spacing:5pt</span><br/><!--設置字符之間的間隔--><span style="letter-spacing:15pt">letter-spacing:15pt</span><br/><!--設置單詞之間的間隔--><span style="word-spacing:20pt">word-spacing:20pt hello world</span><br/><!--設置單詞之間的間隔--><span style="word-spacing:60pt">word-spacing:60pt hello world</span><br/></body> </html>網頁展示
總結
以上是生活随笔為你收集整理的【CSS3】CSS3文本字体相关属性大全的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 用任意合法序列建立一棵二叉树（洛谷P13
- 下一篇： 更正日期（洛谷P5690题题解，Java