English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
word-Uso y ejemplo del atributo wrap
El atributo wrap CSS especifica para evitar el desbordamiento, permite que el contenido largo se pueda alinear automáticamente.
| La tabla a continuación muestra las instrucciones de uso y el historial de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript. | normal |
|---|---|
| Valor predeterminado: | Adecuado para: |
| Todos los elementos | Herencia: |
| Sí | Animable:No. Ver:. |
| Atributos de animación | Versión:3CSS |
| Nueva funcionalidad de JavaScript | object.style.wordWrap="break-word" |
La sintaxis de este atributo es la siguiente:
word-wrap: normal | break-word | initial | inherit
Los siguientes ejemplos muestran cómo usar word-Atributo wrap
p {
width: 200px;
background: #90ee90;
word-wrap: break-word;
}Prueba aquí‹/›La tabla a continuación describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| normal | Solo se realiza el salto de línea en los puntos de ruptura permitidos (el navegador mantiene el tratamiento predeterminado). Este es el valor predeterminado. |
| break-word | Si no hay puntos de ruptura aceptables en la línea, se fuerza el salto de línea del palabra inquebrantable para evitar el desbordamiento. |
| initial | Establezca este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento relacionado utiliza el valor word de su elemento padre-Valores del atributo wrap. |
word-La compatibilidad del navegador del atributo wrap se muestra en la tabla a continuación; los números en la tabla representan la versión más baja del navegador que admite esta propiedad; todos los navegadores principales admiten esta propiedad.
|
Consulte los siguientes tutoriales:Texto CSS.
Propiedades relacionadas:word-break,white-space,text-overflow.