hanging-punctuation

Índice

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.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
height 1.0 4.0 1.0 1.0 7.0

Bibliografía

Echa un vistazo a estas otras propiedades

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso