Atributo CSS overflow-wrap

Definición y uso

overflow-wrap El atributo especifica si el navegador puede realizar una nueva línea de palabras largas cuando se salen del contenedor.

Ejemplo

Permite que el navegador realice una nueva línea de palabras largas cuando se salen del contenedor:

div {
  overflow-wrap: break-word;
}

Pruebe usted mismo

Sintaxis de CSS

overflow-wrap: normal|anywhere|break-word|initial|inherit;

Valor del atributo

Valor Descripción
normal Las palabras largas no se saltan de línea, incluso si se salen del contenedor. Valor predeterminado.
anywhere Si las palabras largas se salen del contenedor, realice una nueva línea.
break-word Si las palabras largas se salen del contenedor, realice una nueva línea.
initial Establezca este atributo en su valor predeterminado. Vea initial.
inherit Hereda este atributo de su elemento padre. Vea inherit.

Detalles técnicos

Valor predeterminado: normal
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.overflowWrap="normal"

Compatibilidad del navegador

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

Chrome Edge Firefox Safari Opera
23.0 18.0 49.0 6.1 12.1

Páginas relacionadas

Tutorial:CSS desbordamiento