Atributo CSS hyphenate-character

Definición y uso

hyphenate-character El atributo se utiliza para definir el carácter utilizado para el cortamiento de palabras antes del carácter de nueva línea.

Ejemplo

Configuración hyphenate-character:

<style>
div.a {
  hyphenate-character: auto;
}
div.b {
  hyphenate-character: "=";
}
</style>
<body>
<div class="a">Una palabra muy, muy, muy larga.</div>
<div class="b">Una palabra muy, muy, muy larga.</div>
</body>

Intente hacerlo usted mismo

Sintaxis de CSS

hyphenate-character: auto|cadena|initial|inherit;

Valor del atributo

Valor Descripción
auto Valor predeterminado. El navegador selecciona el carácter adecuado según las convenciones de composición actuales.
cadena Especifique el carácter utilizado para el cortamiento de palabras antes del carácter de nueva línea.
initial Establezca este atributo en su valor predeterminado. Vea initial.
inherit Hereda este atributo de su elemento padre. Vea inherit.

Detalles técnicos

Valor predeterminado: auto
Herencia: sí
Producción de animación: No se admite. Consulte:Atributos relacionados con la animación.
Versión: CSS4
Sintaxis de JavaScript: object.style.hyphenateCharacter="/"

Compatibilidad del navegador

La tabla de números representa la versión del navegador que completamente admite esta propiedad.

Chrome Edge Firefox Safari Opera
106.0 106.0 98.0 17.0 92.0