当前位置: 首页>>代码示例>>用法及示例精选>>正文


CSS word-spacing用法及代码示例

这是CSS属性,可以增加或减少单词之间的空白。此属性只能有两个值,它们是normal和length。
用法:

word-spacing:normal|length|initial|inherit;

属性值:

  • Normal:它定义了单词之间的正常间隔,即0.25em。这是默认值。示例:post_top_responsive
    <!DOCTYPE html> 
    <html> 
    <head> 
        <title> 
          CSS | word-spacing Property 
        </title> 
    </head> 
    <body> 
        <h1>The word-spacing Property</h1> 
      
        <h2>word-spacing:normal:</h2> 
        <p style="  word-spacing:normal; 
                    color:green;  
                    font-weight:bold; 
                    font-size:25px;"> 
            This is some text. This is some text. 
        </p> 
    </body> 
      
    </html>

    输出:

  • Length:它在单词之间定义了一个额外的空格(以px,pt,cm,em等表示)。负值也是允许的。
    Example:
    <!DOCTYPE html> 
    <html> 
    <head> 
        <title> 
          CSS | word-spacing Property 
        </title> 
    </head> 
    <body> 
        <h1>The word-spacing Property</h1> 
      
        <h2>word-spacing:length is 20px</h2> 
        <p style="  word-spacing:20px; 
                    color:green;  
                    font-weight:bold; 
                    font-size:25px;"> 
            GeeksforGeeks - A Computer Science Portal For Geeks! 
        </p> 
    </body> 
      
    </html>

    输出:

    例:负值长度

    <!DOCTYPE html> 
    <html> 
    <head> 
        <title> 
          CSS | word-spacing Property 
        </title> 
    </head> 
    <body> 
        <h1>The word-spacing Property</h1> 
      
        <h2>word-spacing:length is -20px</h2> 
        <p style="word-spacing:-20px; 
                  color:green; 
                  font-weight:bold; 
                  font-size:25px;"> 
            GeeksforGeeks - A Computer Science Portal For Geeks! 
        </p> 
    </body> 
      
    </html>

    输出:

  • 支持的浏览器:word-spacing属性支持的浏览器如下所示:

    • 谷歌浏览器1.0
    • Internet Explorer 6.0
    • Firefox 1.0
    • Opera 3.5
    • Safari 1.0


相关用法

注:本文由纯净天空筛选整理自sarthak_ishu11大神的英文原创作品 CSS | word-spacing Property。非经特殊声明,原始代码版权归原作者所有,本译文的传播和使用请遵循“署名-相同方式共享 4.0 国际 (CC BY-SA 4.0)”协议。