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