Text-overflow
E’ una proprietà che determina come il testo possa essere gestito quando una parola è più lunga dello spazio disponibilie in un contenitore (paragrafo). La parte eccedente può essere nascosta, eccedere in modo visibile il contenitore oppure usare i punti di sospensione troncando il testo. Il comportamento però si nota solo se la proprietà overflow è impostata su hidden.
Overflow non specificato (default auto)
Text-overflow: clip;
Tutti questi paragrafi hanno una dimensione fissata al 20% e contengono ad un certo punto una parola molto lunga, usata solo per essere sicuri che non possa stare nello spazio disponibile. In ogni caso è sempre possibile restringere la finestra se l’esempio non risultasse chiaro. La parola è Supercalifragilisticespiralidoso
Text-overflow: ellipsis;
Tutti questi paragrafi hanno una dimensione fissata al 20% e contengono ad un certo punto una parola molto lunga, usata solo per essere sicuri che non possa stare nello spazio disponibile. In ogni caso è sempre possibile restringere la finestra se l’esempio non risultasse chiaro. La parola è Supercalifragilisticespiralidoso
Overflow: hidden (ma con resize:both)
Text-overflow: clip;
Tutti questi paragrafi hanno una dimensione fissata al 20% e contengono ad un certo punto una parola molto lunga, usata solo per essere sicuri che non possa stare nello spazio disponibile. In ogni caso è sempre possibile restringere la finestra se l’esempio non risultasse chiaro. La parola è Supercalifragilisticespiralidoso
Text-overflow: ellipsis;
Tutti questi paragrafi hanno una dimensione fissata al 20% e contengono ad un certo punto una parola molto lunga, usata solo per essere sicuri che non possa stare nello spazio disponibile. In ogni caso è sempre possibile restringere la finestra se l’esempio non risultasse chiaro. La parola è Supercalifragilisticespiralidoso
Overflow: scroll
Text-overflow: clip;
Tutti questi paragrafi hanno una dimensione fissata al 20% e contengono ad un certo punto una parola molto lunga, usata solo per essere sicuri che non possa stare nello spazio disponibile. In ogni caso è sempre possibile restringere la finestra se l’esempio non risultasse chiaro. La parola è Supercalifragilisticespiralidoso
Text-overflow: ellipsis;
Tutti questi paragrafi hanno una dimensione fissata al 20% e contengono ad un certo punto una parola molto lunga, usata solo per essere sicuri che non possa stare nello spazio disponibile. In ogni caso è sempre possibile restringere la finestra se l’esempio non risultasse chiaro. La parola è Supercalifragilisticespiralidoso
Overflow: hidden, ma con word-wrap: break-word
Text-overflow: clip;
Tutti questi paragrafi hanno una dimensione fissata al 20% e contengono ad un certo punto una parola molto lunga, usata solo per essere sicuri che non possa stare nello spazio disponibile. In ogni caso è sempre possibile restringere la finestra se l’esempio non risultasse chiaro. La parola è Supercalifragilisticespiralidoso
Text-overflow: ellipsis;
Tutti questi paragrafi hanno una dimensione fissata al 20% e contengono ad un certo punto una parola molto lunga, usata solo per essere sicuri che non possa stare nello spazio disponibile. In ogni caso è sempre possibile restringere la finestra se l’esempio non risultasse chiaro. La parola è Supercalifragilisticespiralidoso