Los últimos tutoriales de desarrollo web
 

Style letterSpacing Property

<Estilo de objeto

Ejemplo

Ajuste el espacio entre caracteres en un <p> elemento a 15 píxeles:

document.getElementById("myP").style.letterSpacing = "15px";
Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades entre letras o devuelve el espacio entre caracteres en un texto.

Consejo: para establecer o devolver el espacio entre las palabras de un texto, utilice el wordSpacing propiedad.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad letterSpacing es compatible con todos los principales navegadores.


Sintaxis

Devolver la propiedad letterSpacing:

object .style.letterSpacing

Establecer la propiedad letterSpacing:

object .style.letterSpacing="normal| Valores de propiedad
Valor Descripción
normal el espacio normal entre los personajes. Esto es por defecto
length Define el espacio en unidades de longitud. Los valores negativos se les permite
initial Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto: normal
Valor de retorno: Una cadena, que representa el espacio entre caracteres en el texto
Versión CSS CSS1

Más ejemplos

Ejemplo

El uso de valores negativos:

document.getElementById("myP").style.letterSpacing="-2px";
Inténtalo tú mismo "

Ejemplo

Devolver el espacio entre las letras de un <p> elemento:

alert(document.getElementById("myP").style.letterSpacing);
Inténtalo tú mismo "

Ejemplo

Diferencia entre la propiedad y la propiedad letterSpacing wordSpacing:

function changeLetters() {
    document.getElementById("myP1").style.letterSpacing = "15px";
}

function changeWords() {
    document.getElementById("myP2").style.wordSpacing = "15px";
}
Inténtalo tú mismo "

Páginas relacionadas

CSS tutorial: CSS texto

Referencia CSS: letter-spacing property


<Estilo de objeto