CSS | Propiedad de espaciado entre letras

La propiedad de espaciado de letras en CSS se usa para establecer el comportamiento de espaciado entre caracteres de texto, es decir, aumentar o disminuir el espacio entre caracteres en un texto.

Sintaxis:

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

Valores de propiedad :

  • normal: El espacio entre letras normal para la fuente actual, es decir, sin espacio extra entre caracteres. Este es el valor predeterminado.
    Sintaxis:
    letter-spacing: normal;

    Ejemplo:

    <!DOCTYPE html>
    <html>
        <head>
            <title>CSS letter-spacing Property</title>
            <style>
                p {
                  letter-spacing: normal;
                }
            </style>
        </head>
        <body style = "text-align: center;">
            <h1 style = "color:green;">
                GeeksforGeeks
            </h1>
      
            <h2>
                CSS letter-spacing Property
            </h2>
      
            <p>
                This paragraph has letter-spacing: normal;
            </p>
        </body>
    </html>

    Producción:
    espaciado de letras

  • longitud: este modo especifica espacio adicional entre caracteres además del espacio predeterminado entre caracteres. También se permiten valores negativos.

    Sintaxis:

    letter-spacing: length;

    Ejemplo:

    <!DOCTYPE html>
    <html>
        <head>
            <title>CSS letter-spacing Property</title>
            <style>
                p {
                  letter-spacing: 5px;
      
                }
            </style>
        </head>
        <body style = "text-align: center;">
            <h1 style = "color:green;">
                GeeksforGeeks
            </h1>
      
            <h2>
                CSS letter-spacing Property
            </h2>
      
            <p>
                This paragraph has letter-spacing: 5px;
            </p>
        </body>
    </html>

    Producción:
    espaciado de letras

  • initial: este modo establece esta propiedad en su valor predeterminado.
    Sintaxis:
    letter-spacing: initial;

Navegadores compatibles: los navegadores compatibles con la propiedad de espaciado de letras se enumeran a continuación:

  • Google Chrome 1.0
  • Internet Explorer 4.0
  • Firefox 1.0
  • Ópera 3.5
  • Apple Safari 1.0

Publicación traducida automáticamente

Artículo escrito por Vishal Chaudhary 2 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 *