Definición de .hanging-punctuation utilizado en CSS
La propiedad .hanging-punctuation tiene como objetivo dar a los diseñadores web un control de grano más fino sobre la tipografía en la web.
Caso de uso de hanging-punctuation
Si te gustaría emplear esta propiedad de CSS en tu stylesheet, hazlo de esta forma:
hanging-punctuation: none | [ first || [ force-end | allow-end ] || last ]
blockquote p {
hanging-punctuation: first;
}Otro ejemplo más avanzado de .hanging-punctuation es el siguiente de CODEPEN:
Sintaxis de .hanging-punctuation en CSS
hanging-punctuation: none|first|last|allow-end|force-end|initial|inherit;Valores
| Valor | Descripción |
|---|---|
| ninguna | No se puede colocar ningún signo de puntuación fuera del cuadro de línea al principio o al final de una línea completa de texto. |
| primero | La puntuación puede colgar fuera del borde de inicio de la primera línea |
| ultimo | La puntuación puede colgar fuera del borde final de la última línea |
| permitir-finalizar | La puntuación puede colgar fuera del borde final de todas las líneas si la puntuación no encaja antes de la justificación. |
| forzar el fin | La puntuación puede colgar fuera del borde final de todas las líneas. Si la justificación está habilitada en esta línea, obligará a que la puntuación se cuelgue. |
| inicial | Establece esta propiedad en su valor predeterminado. |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .hanging-punctuation
Los números de la tabla especifican la primera versión del navegador que es completamente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
