Ejemplo
Permitir que las palabras largas sean capaces de romper y envolver en la línea siguiente:
p.test {
word-wrap: break-word;
}
Inténtalo tú mismo " Definición y Uso
La propiedad word-wrap permite que las palabras largas para poder ser roto y se envuelve en la línea siguiente.
| Valor por defecto: | normal |
|---|---|
| Heredado: | yes |
| animatable: | no. Read about animatable |
| Versión: | CSS3 |
| la sintaxis de JavaScript: | object .style.wordWrap="break-word" Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| word-wrap | 4.0 | 5.5 | 3.5 | 3.1 | 10.5 |
sintaxis CSS
word-wrap: normal|break-word|initial|inherit;Valores de propiedad
| Valor | Descripción |
|---|---|
| normal | Dividir las palabras sólo en los puntos de quiebre permitidos |
| break-word | Permite que las palabras irrompibles para ser rotos |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS3 tutorial: Efectos de texto CSS3