CSS: propiedades de espaciado entre caracteres

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.

(Visited 14 times, 1 visits today)