Proprietà CSS hyphens

Definizione e uso

L'attributo hyphens definisce se è permesso utilizzare trattini per creare più opportunità di spaziamento automatico su una riga di testo.

Esempio

Impostare trattini diversi:

div.a {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
div.b {
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}
div.c {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

Prova da solo

Sintassi CSS

hyphens: none|manual|auto|initial|inherit;

Valore dell'attributo

Valore Descrizione
none Parola senza trattino (nessuna riga di separazione).
manuale Predefinito. La parola ha un trattino solo in ‐ o ­ (se necessario).
auto Inserisci il trattino di word joiner (se necessario) nella posizione determinata dall'algoritmo.
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit 继承此属性自父元素。Vedi inherit.

Dettagli tecnici

Valore predefinito: manuale
Ereditarietà: sì
Creazione di animazioni: Non supportato. Vedi:Proprietà correlate agli animazioni.
Versione: CSS3
Sintassi JavaScript: object.style.hyphens="none"

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

I numeri con -webkit- o -ms- come prefisso rappresentano la prima versione utilizzata.

Chrome IE / Edge Firefox Safari Opera
55.0 79.0
10.0 -ms-		 43.0 5.1 -webkit- 44.0