?
This document uses PHP Chinese website manual Release
letter-spacing:normal | <length> |<percentage>
默認(rèn)值:normal
適用于:所有元素
繼承性:有
動畫性:非normal值時(shí)
計(jì)算值:指定值
相關(guān)屬性:<' word-spacing '>
normal:默認(rèn)間隔
<length>:用長度值指定間隔??梢詾樨?fù)值。
<percentage>:用百分比指定間隔??梢詾樨?fù)值。(CSS3)
該屬性將指定的間隔添加到每個文字(包括單詞內(nèi)的每個字母)之后;
<' letter-spacing '> 不能被應(yīng)用于一行的開始和結(jié)束;
對應(yīng)的腳本特性為letterSpacing。
Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support | 6.0+ | 2.0+ | 4.0+ | 6.0+ | 15.0+ | 6.0+ | 2.1+ | 18.0+ |
<percentage> | 6.0-11.0 | 2.0-37.0 | 4.0-41.0 | 6.0-8.0 | 15.0-27.0 | 6.0-8.3 | 2.1-4.4.4 | 18.0-40.0 |
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>letter-spacing_CSS參考手冊_web前端開發(fā)參考手冊系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> .test p{border:1px solid #000;} .normal p{letter-spacing:normal;} .length p{letter-spacing:10px;} </style> </head> <body> <ul class="test"> <li class="normal"> <strong>默認(rèn)間隔</strong> <p>默認(rèn)情況下的文字間間隔</p> </li> <li class="length"> <strong>自定義的間隔大小</strong> <p>自定義的文字間隔大小Hello world</p> </li> </ul> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例