Lenguaje CSS de separación por sílabas

Question

¿Es posible definir el idioma utilizado para -webkit-hyphens:auto? ¿Está predeterminado al idioma del sistema?

<p style="-webkit-hyphens:auto" lang="en"> 
Hyphenated in English 
</p> 
<p style="-webkit-hyphens:auto" lang="es"> 
Hyphenated en Español 
</p> 

De acuerdo con la Mozilla documentation la propiedad hyphens utilizará el idioma especificado en el atributo lang HTML. Sin embargo, no puedo encontrar ninguna mención de la propiedad -webkit-hyphens en el Safari documentation.

Además, ¿el atributo meta language tiene algún efecto? ¿O se puede aplicar esto aplicado al elemento html?

Aquí está el fiddle que estoy usando para probar (en Safari y Firefox).

Answer 1

¿Es posible definir el idioma utilizado para -webkit-hyphens:auto?

Sí.

Sin embargo, no puedo encontrar ninguna mención de la propiedad -webkit-hyphens en la documentación Safari.

Según el changelog del webkit, permite que se especifique el idioma.

https://bugs.webkit.org/show_bug.cgi?id=43467

Es posible que necesite usar -webkit-hyphenate-locale para conseguir que funcione.

¿O se puede aplicar esto al elemento html?

Según esta publicación y sus ejemplos, puede establecer el atributo lang directamente en el elemento.

http://drublic.de/blog/css3-auto-hyphenation-for-text-elements/