CSS | Propiedad de espacio entre palabras

Es una propiedad de CSS para aumentar o disminuir el espacio en blanco entre las palabras. Esta propiedad solo puede tener dos valores, son normal y length.
Sintaxis:

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

Valores de propiedad:

  • Normal: Define el espacio normal entre palabras que es 0.25em. Este es el valor predeterminado .
    Ejemplo:

    <!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>

    Producción:

  • Longitud: Define un espacio adicional entre palabras (en px, pt, cm, em, etc). También se permiten valores negativos.
    Ejemplo:

    <!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>

    Producción:

    Ejemplo: longitud a valor negativo

    <!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>

    Producción:

  • Navegadores compatibles: los navegadores compatibles con la propiedad de espacio entre palabras se enumeran a continuación:

    • Google Chrome 1.0
    • Internet Explorer 6.0
    • Firefox 1.0
    • Ópera 3.5
    • Safari 1.0

Publicación traducida automáticamente

Artículo escrito por sarthak_ishu11 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *