Agradecemos tu apoyo para difundir nuestros tutoriales acerca de las ciencias de la computación.
los word-spacing
CSS La propiedad establece la longitud del espacio entre palabras y entre etiquetas.
Sintaxis
/* Keyword value */word-spacing: normal;/*values */ word-spacing: 3px;word-spacing: 0.3em;/*values */ word-spacing: 50%;word-spacing: 200%;/* Global values */word-spacing: inherit;word-spacing: initial;word-spacing: unset;
Valores
normal
- El espaciado normal entre palabras, según lo definido por la fuente actual y / o el navegador.
- Especifica un espaciado adicional además del espaciado intrínseco entre palabras definido por la fuente.
- Especifica el espaciado adicional como porcentaje del ancho de avance del carácter afectado.
Ejemplos de
HTML
<divid="mozdiv1">Here are many words...div><divid="mozdiv2">...and many more!div>
CSS
#mozdiv1word-spacing: 15px;#mozdiv2word-spacing: 5em;
Preocupaciones de accesibilidad
Un gran positivo o negativo word-spacing
value hará ilegibles las oraciones a las que se aplica el estilo. Para el texto con un estilo con un valor positivo muy grande, las palabras estarán tan separadas que ya no parecerá una oración. Para el texto con un estilo con un valor negativo grande, las palabras se superpondrán entre sí hasta el punto en que el principio y el final de cada palabra sea irreconocible.
Legible word-spacing
debe determinarse caso por caso, ya que diferentes familias de fuentes tienen diferentes anchos de caracteres. No existe un valor único que pueda garantizar que todas las familias de fuentes mantengan automáticamente su legibilidad.
- MDN Entendiendo WCAG, explicaciones de la Pauta 1.4
- Comprender el criterio de cumplimiento 1.4.8 | W3C Entendiendo WCAG 2.0
Definicion formal
Valor inicial | normal |
---|---|
Se aplica a | todos los elementos. También se aplica a ::first-letter y ::first-line . |
Heredado | sí |
Porcentajes | referirse al ancho del glifo afectado |
Valor calculado | un valor óptimo, mínimo y máximo, cada uno de los cuales consta de una longitud absoluta, un porcentaje o la palabra clave normal |
Tipo de animación | una longitud |
Sintaxis formal
normal |where
= |
Especificaciones
Especificación | Estado | Comentario |
---|---|---|
Módulo de texto CSS nivel 3 La definición de ‘espaciado entre palabras’ en esa especificación. |
Recomendación candidata | Reemplaza los valores anteriores con un valor que define lo mismo, más el valor. Permite hasta tres valores que describen el valor óptimo, mínimo y máximo. |
CSS Nivel 2 (Revisión 1) La definición de ‘espaciado entre palabras’ en esa especificación. |
Recomendación | Ningún cambio. |
Nivel 1 de CSS La definición de ‘espaciado entre palabras’ en esa especificación. |
Recomendación | Definición inicial. |
Compatibilidad del navegador
Escritorio | Móvil | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Cromo | Borde | Firefox | explorador de Internet | Ópera | Safari | WebView Android | Chrome Android | Firefox para Android | Opera Android | Safari en IOS | Internet de Samsung | |
word-spacing |
1 | 12 | 1 | 6 | 3,5 | 1 | 1 | 18 | 4 | 14 | 1 | 1.0 |
percentages |
No | No | 45 | No | No | 6.1 | No | No | 45 | No | 6.1 | No |
svg |
1 | 12 | 72 | 9 | 7 | 5.1 | ≤37 | 18 | No | 14 | 5.1 | 1.0 |
Ver también
letter-spacing
Si te gustó nuestro trabajo, tienes el poder dejar un escrito acerca de qué le añadirías a este enunciado.