?
This document uses PHP Chinese website manual Release
word-spacing:normal | <length> |<percentage>
默認(rèn)值:normal
適用于:所有元素
繼承性:有
動(dòng)畫性:非normal值時(shí)
計(jì)算值:指定值
相關(guān)屬性:<' letter-spacing '>
normal:默認(rèn)間隔
<length>:用長(zhǎng)度值指定間隔。可以為負(fù)值。
<percentage>:用百分比指定間隔??梢詾樨?fù)值。(CSS3)
該屬性將指定的間隔添加到每個(gè)單詞(詞內(nèi)不發(fā)生)之后,但最后一個(gè)字將被排除在外。
判斷是否為單詞的依據(jù)是單詞間是否有空格。
對(duì)應(yīng)的腳本特性為wordSpacing。
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 |
<section id="bd"> <section id="syntax" class="g-mod g-attr"> <h2 class="tit">語(yǔ)法:</h2> <div class="cont"> <p><strong>word-spacing</strong>:normal | <a href="../../values/length/length.htm"><length></a> | <ins class="g-color-css3-new" title="css3"><a href="../../values/numeric/percentage.htm"><percentage></a></ins></p> <p><strong>默認(rèn)值</strong>:<mark class="defaultvalue">normal</mark></p> <p><strong>適用于</strong>:所有元素</p> <p><strong>繼承性</strong>:有</p> <p><strong>動(dòng)畫性</strong>:非normal值時(shí)</p> <p><strong>計(jì)算值</strong>:指定值</p> <p><strong>相關(guān)屬性</strong>:<' <a href="letter-spacing.htm">letter-spacing</a> '></p> </div> </section> <section id="value" class="g-mod g-attr"> <h2 class="tit">取值:</h2> <div class="cont"> <dl> <dt>normal:</dt> <dd>默認(rèn)間隔</dd> <dt><a href="../../values/length/length.htm"><length></a>:</dt> <dd>用長(zhǎng)度值指定間隔??梢詾樨?fù)值。</dd> <dt><a href="../../values/numeric/percentage.htm"><percentage></a>:</dt> <dd>用百分比指定間隔??梢詾樨?fù)值。(CSS3)</dd> </dl> </div> </section> <section id="intro" class="g-mod g-attr"> <h2 class="tit">說(shuō)明:</h2> <div class="cont"> <strong>檢索或設(shè)置對(duì)象中的單詞之間的最小,最大和最佳間隙。</strong> <ul> <li>該屬性將指定的間隔添加到每個(gè)單詞(詞內(nèi)不發(fā)生)之后,但最后一個(gè)字將被排除在外。</li> <li>判斷是否為單詞的依據(jù)是單詞間是否有空格。</li> <li>對(duì)應(yīng)的腳本特性為<strong>wordSpacing</strong>。</li> </ul> </div> </section> <section id="compatible" class="g-mod g-attr"> <h2 class="tit">兼容性:</h2> <div class="cont"> <ul class="support-type"> <li><span class="support">淺綠</span> = 支持</li> <li><span class="unsupport">紅色</span> = 不支持</li> <li><span class="partsupport">粉色</span> = 部分支持</li> </ul> <table class="g-data"> <thead> <tr> <th>Values</th> <th>IE</th> <th>Firefox</th> <th>Chrome</th> <th>Safari</th> <th>Opera</th> <th>iOS Safari</th> <th>Android Browser</th> <th>Android Chrome</th> </tr> </thead> <tbody> <tr> <td><strong>Basic Support</strong></td> <td class="support">6.0+</td> <td class="support">2.0+</td> <td class="support">4.0+</td> <td class="support">6.0+</td> <td class="support">15.0+</td> <td class="support">6.0+</td> <td class="support">2.1+</td> <td class="support">18.0+</td> </tr> <tr> <td><a href="../../values/numeric/percentage.htm"><percentage></a></td> <td class="unsupport">6.0-11.0</td> <td class="unsupport">2.0-37.0</td> <td class="unsupport">4.0-41.0</td> <td class="unsupport">6.0-8.0</td> <td class="unsupport">15.0-27.0</td> <td class="unsupport">6.0-8.3</td> <td class="unsupport">2.1-4.4.4</td> <td class="unsupport">18.0-40.0</td> </tr> </tbody> </table> </div> </section> <section id="example" class="g-mod g-attr"> <h2 class="tit">示例:</h2> <div class="cont"> <textarea cols="90" rows="10"><!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>word-spacing_CSS參考手冊(cè)_web前端開(kāi)發(fā)參考手冊(cè)系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> .test p{border:1px solid #000;} .normal p{word-spacing:normal;} .length p{word-spacing:20px;} </style> </head> <body> <ul class="test"> <li class="normal"> <strong>默認(rèn)間隔</strong> <p>how are you!</p> </li> <li class="length"> <strong>自定義的間隔大小</strong> <p>how are you!</p> </li> </ul> </body> </html> </textarea> <p><input type="button" value="運(yùn)行" class="g-btn g-btn-sure"><input type="button" class="g-btn g-btn-copy" value="復(fù)制"></p> </div> </section> </section>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例