La propiedad word-wrap en CSS se usa para dividir una palabra larga y pasar a la siguiente línea. Define si dividir palabras cuando el contenido excede los límites de su contenedor.
Sintaxis:
word-wrap: normal|break-word|initial|inherit;
El valor de la propiedad:
- normal: Es el valor predeterminado, las líneas solo se pueden romper en los puntos de ruptura normales (espacios, caracteres no alfanuméricos, etc.).
Sintaxis:
word-wrap: normal;
Ejemplo:
<!DOCTYPE html><html><head><title>word-wrap property</title><style>div {word-wrap:normal;width: 150px;border: 1px solid black;}</style></head><body><div>GeeksforGeeks:AComputerSciencePortalForGeeks</div></body></html>Producción:
- break-word : las palabras que excedan el ancho del contenedor se dividirán arbitrariamente para que quepan dentro de los límites del contenedor.
Sintaxis:
word-wrap: break-word;
Ejemplo:
<!DOCTYPE html><html><head><title>word-wrap property</title><style>div {word-wrap:break-word;width: 150px;border: 1px solid black;}</style></head><body><div>GeeksforGeeks:AComputerSciencePortalForGeeks</div></body></html>
- inicial: se utiliza para establecer la propiedad de ajuste de palabra en su valor predeterminado.
- heredar: esta propiedad se hereda de su padre.
Navegadores compatibles: los navegadores compatibles con la propiedad de ajuste de palabras se enumeran a continuación:
- Google Chrome 4.0
- Explorar Internet 5.5
- Firefox 3.5
- Safari 3.1
- Ópera 10.5
Publicación traducida automáticamente
Artículo escrito por sarthak_ishu11 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA