-webkit-hyphens CSS propriété

Définition de la CSS -webkit-hyphens.

La propriété de Césure CSS -webkit-hyphens permet de spécifier le type de césure à utiliser pour couper les mots.

Exemple de syntaxe CSS -webkit-hyphens :
-webkit-hyphens : manual;
-webkit-hyphens : auto;
-webkit-hyphens : none;

La propriété de feuille de style -webkit-hyphens CSS peut prendre comme valeur de césure :

  • none: la césure des mots ne se fait que sur les espaces blancs, ne tient compte des caractères de césure introduits dans le mot.
  • manual : la césure des mots se fait sur les espaces blancs et sur les caractères de césure introduits dans le mot. Valeur par défaut.
  • auto : laisse le navigateur gérer les césures des mots, les caractères de césure introduit dans le mot sont préférés à ceux automatiques.

Conditions d'application de la CSS -webkit-hyphens.

La propriété de feuille de style -webkit-hyphens CSS est applicable sur toutes les balises HTML ou XHTML.
La propriété CSS -webkit-hyphens sont spécifiques à la langue, pensez à spécifier la langue de votre page HTML.

Problème d'interprétation de -webkit-hyphens en Css.

La propriété de feuille de style -webkit-hyphens CSS peut poser un problème car Chrome et Safari ne prennent pas en charge toutes les langues (05/2015) et ne comprennent auto.
none : d'après mes tests seules les césures conditionnelles ne sont pas prises en compte.

Compatibilités navigateurs de la propriété -webkit-hyphens

Détails des versions de la CSS -webkit-hyphens
Résumé du support navigateurs de la CSS -webkit-hyphens

Propriété Css non préfixée de -webkit-hyphens.

-webkit-hyphens CSS est une version préfixée de la propriété de feuille de style hyphens CSS pour le navigateur Safari, iOS Safari.

Reportez-vous au chapitre "Propriétés préfixées" de propriété Css hyphens pour voir les autres propriétés Css préfixées équivalentes, aussi que le code Css pour avoir un maximum de support navigateurs.

Exemples et astuces CSS pour utiliser -webkit-hyphens

Suggérer des césures avec -webkit-hyphens

Vous pouvez spécifier la césure (ou coupure de ligne) de manière conditionnelle avec le caractère ­ ou ­ ou ­ qui suggère une césure dans un mot.
Ce tiret conditionnel (soft hyphen) est invisible si il n'y pas de rupture du mot dans lequel il se trouve.

Exemple de tiret conditionnel ou soft hyphen : 
condi­tionnel
condi­tionnel
condi­tionnel

Vous pouvez spécifier la césure (ou coupure de ligne) de manière explicite avec le caractère "-" ou ‐ ou ‐ qui suggère une césure. Ce tiret (hyphen) est toujours visible même si il n'y pas de rupture à l'endroit du mot où il se trouve.

Exemple de tiret ou hyphen : 
condi-tionnel
condi‐tionnel
condi‐tionnel

En HTML4, la préconisation était d'utiliser le caractère (hyphen-minus) "-" ou - ou -.

Votre avis sur la définition -webkit-hyphens en CSS

Votez pour la définition CSS -webkit-hyphens

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5

Avis sur la page https://www.zonecss.fr/proprietes-css/webkit-hyphens-css.html Votes: 5 / 5 - 1 vote
Cliquez sur une étoile pour voter.