Definición de .hyphens aplicado en CSS
La propiedad .hyphens controla la guión del texto en elementos de nivel de bloque. Puede evitar que la guión ocurra en absoluto, permitirla o solo permitirlo cuando ciertos caracteres estén presentes.
Caso de uso : propiedad CSS hyphens
Esta propiedad de CSS se emplea de la siguiente manera:
.element {
hyphens: none | manual | auto
}Otro ejemplo más avanzado de .hyphens es el siguiente de CODEPEN:
Sintaxis de .hyphens en CSS
hyphens: none|manual|auto|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| ninguna | Las palabras no están separadas por guiones. | |
| manual | Defecto. Las palabras solo se dividen con guión en ‐ o &tímido; (si es necesario) | |
| auto | Las palabras se dividen con guión donde el algoritmo decide (si es necesario) | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .hyphens
Los números de la tabla detallan la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| image-rendering | 41.0 | 79.0 | 65.0 | 10.0 | 28.0 |
