Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.
CSS: propiedades de espaciado entre caracteres
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada espacio entre palabras Con sintaxis y ejemplos.
describir
La propiedad de espacio entre palabras de CSS define el espacio entre palabras.
sintaxis
La sintaxis de la propiedad CSS de espaciado entre palabras es:
word-spacing: value;parámetro o parámetro
valor
La cantidad de espacio adicional para mostrar entre palabras (además del espaciado estándar de la fuente). Puede ser uno de los siguientes:
| valor | describir |
|---|---|
| estable | valor fijo en px, em, … p {Espacio entre palabras: 0,5 em; } |
| normal | Espaciado normal basado en la fuente seleccionada p { interletraje: normal; } |
notas
- Si el atributo de espacio entre palabras se representa como un valor fijo, puede ser positivo o negativo.
- Los valores positivos agregan espacio extra entre palabras (además del espaciado estándar de la fuente).
- Los valores negativos eliminarán los espacios entre palabras.
- Si la propiedad de espacio entre palabras se establece en normal, la fuente seleccionada determinará el espacio entre palabras.
Compatibilidad del navegador
La propiedad de espacio entre palabras de CSS tiene soporte básico para los siguientes navegadores:
- Aleación de cromo
- Firefox (Geco)
- Internet Explorer 6+ (IE 6+)
- ópera
- Safari (WebKit)
ejemplo
Discutiremos la propiedad de espacio entre palabras a continuación, explorando ejemplos de cómo usar esta propiedad en CSS.
valor fijo positivo
Veamos un ejemplo en el que usamos el atributo de espacio entre palabras con un valor fijo positivo para establecer espacios adicionales entre palabras.
CSS se ve así:
p { word-spacing: 5px; }HTML se ve así:
<div>
<p>This paragraph was written by prograrmaplus.com.</p>
</div>El resultado se verá así:
En este ejemplo de espaciado de palabras CSS, estamos en
Se establece un espacio extra de 5px entre palabras en el marcado. El espacio extra excede el espaciado determinado por la fuente seleccionada.
valor fijo negativo
Veamos qué sucede si aplicamos un valor negativo a la propiedad de espacio entre palabras.
CSS se ve así:
p { word-spacing: -3px; }HTML se ve así:
<div>
<p>This paragraph was written by prograrmaplus.com.</p>
</div>El resultado se verá así:
En este ejemplo de espacio entre palabras de CSS, eliminamos 3 px de espacio entre palabras al establecer el valor -3 px para la propiedad de espacio entre palabras. Esto eliminará parte del interletraje agregado por la fuente seleccionada.
normal
Finalmente, veamos cómo se vería el texto si configuramos la propiedad de espacio entre palabras en normal (o el valor predeterminado si no se estableció la propiedad de espacio entre palabras).
CSS se ve así:
p { word-spacing: normal; }HTML se ve así:
<div>
<p>This paragraph was written by prograrmaplus.com.</p>
</div>El resultado se verá así:
En este ejemplo de espacio entre palabras de CSS, configuramos la propiedad de espacio entre palabras en normal, lo que significa que el espacio entre palabras está determinado por la fuente elegida.