Atributo CSS hyphens

Definición y uso

La propiedad hyphens define si se permite usar guiones en una línea de texto para crear más oportunidades de salto de línea automático.

Ejemplo

Configurar diferentes guiones:

div.a {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
div.b {
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}
div.c {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

Pruebe usted mismo

Sintaxis de CSS

hyphens: none|manual|auto|initial|inherit;

Valor del atributo

Valor Descripción
none La palabra no utiliza guiones (no se quebra de línea).
manual Predeterminado. La palabra solo tiene guiones en ‐ o ­ (si es necesario).
auto Inserte el guión de palabra en la posición determinada por el algoritmo (si es necesario).
initial Establezca este atributo en su valor predeterminado. Vea: initial.
inherit Hereda este atributo del elemento padre. Vea: inherit.

Detalles técnicos

Valor predeterminado: manual
Herencia: sí
Producción de animación: No se admite. Consulte:Atributos relacionados con la animación.
Versión: CSS3
Sintaxis de JavaScript: object.style.hyphens="none"

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente la propiedad.

Los números con -webkit- o -ms- indican la primera versión con prefijo utilizada.

Chrome IE / Edge Firefox Safari Opera
55.0 79.0
10.0 -ms-		 43.0 5.1 -webkit- 44.0