CSS word-spacing atributo
- la página anterior word-break
- Página siguiente word-wrap
Definición
La propiedad word-spacing aumenta o reduce el espacio entre palabras (es decir, el espacio entre caracteres).
Esta propiedad define cuántos caracteres de espacio se insertan entre los elementos. Para esta propiedad, 'palabra' se define como una secuencia de caracteres rodeada por caracteres de espacio. Si se especifica un valor de longitud, se ajusta el espacio entre las palabras; por lo tanto, 'normal' es equivalente a establecerlo en 0. Se permite especificar valores de longitud negativos, lo que hace que las palabras se estrechen más.
Comentario:Se permiten valores negativos.
Véase también:
Tutorial de CSS:CSS texto
Manual de referencia de HTML DOM:Propiedad wordSpacing
Ejemplo
Define el espacio entre caracteres en el párrafo en 25 píxeles:
p { word-spacing:25px; }
Consejos y comentarios
Comentario:CSS define 'palabra' como cualquier secuencia de caracteres no blancos rodeada por algún carácter de espacio. Esta definición no tiene valor semántico, simplemente asume que un documento contiene palabras rodeadas por un o varios caracteres de espacio. Los agentes de usuario que admiten CSS no necesariamente pueden determinar qué es una palabra válida en un idioma dado y qué no. Aunque esta definición no tiene mucho valor, significa que los idiomas que utilizan caracteres pictográficos o no alfabéticos a menudo no pueden especificar el espacio entre palabras.
Consejo:Al usar esta propiedad, puede crear documentos con un espacio entre palabras demasiado ancho, por lo que hay que ser cuidadoso al usar word-spacing.
Sintaxis de CSS
word-spacing: normal|longitud|initial|inherit;
Valor de la propiedad
Valor | Descripción |
---|---|
normal | Predeterminado. Define el espacio estándar entre las palabras. |
longitud | Define el espacio fijo entre las palabras. |
inherit | Se especifica que el valor de la propiedad word-spacing debe ser inheritado del elemento padre. |
Detalles técnicos
Valor predeterminado: | normal |
---|---|
Herencia: | sí |
Versión: | CSS1 |
Sintaxis de JavaScript: | object.style.wordSpacing="10px" |
Más ejemplos
- Aumentar o reducir el espacio entre palabras (espacio entre caracteres)
- Este ejemplo muestra cómo aumentar el espacio entre las palabras en un párrafo.
Compatibilidad del navegador
Los números en la tabla indican la primera versión de navegador que completamente admite esta propiedad.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
- la página anterior word-break
- Página siguiente word-wrap