Corso di base CSS

Modello di scatola CSS

Corso di base CSS3

Manuale di riferimento CSS

Regole @ CSS (RULES)

CSS Counter (Contatore)CSS white-space (Spazio bianco)

CSS word-wrap (Rientro automatico delle parole)

Proprietà word-wrap CSSUsato perSpezza le parole lunghe e passa automaticamente alla riga successiva. Quando una stringa inamovibile è troppo lunga per essere contenuta nel riquadro, questa proprietà viene utilizzata per prevenire il sovraccarico.

Valori di word-wrap per il testo CSS

Valore	Descrizione
normal	Questa proprietà viene utilizzata solo per spezzare parole agli punti di interruzione ammessi.
break-word	Usato per spezzare parole inamovibili.
initial	Usato per impostare questa proprietà al suo valore predefinito.
inherit	Questa proprietà eredita il valore dal suo elemento genitore.

Esempio online di word-wrap CSS

Esempio

<!DOCTYPE html>
<html>
<head>
<style>　
p.test {
　　　　width: 11em;
　　　　background-color: #ff9900;　
　　　　border: 1px solid #ffffff;
　　　　padding: 10px;
　　　　word-wrap: break-word;
}
</style>
</head>
<p class="test"> In questo paragrafo, c'è una parola molto lunga:
　iamsooooooooooooooooooooooooooooooolongggggggggggggggg.The long word will break and wrap to the next line.</p>
</html>

Testa per vedere‹/›

Output:

In questo paragrafo, c'è una parola molto lunga: iamsooooooooooooooooooooooooooooooooooooolongggggggggggggggg.long Questa parola si romperà e passerà alla riga successiva.

CSS Counter (Contatore)CSS white-space (Spazio bianco)