Text-shadow


Effet d'incrustation de texte

Effet d'élévation de texte

ombres multiples:effet de relief



















word-wrap / overflow-wrap

L'adresse du lien suivant devrait passer à la ligne pour demeurer au sein du paragraphe :
http://www.supercalifragilisticexpialidocious.com
Cette précaution se révèle particulièrement pratique dans les projets web où l’on n’est pas toujours maître du contenu et où de multiples rédacteurs alimentent le site, par exemple via un gestionnaire de contenus (CMS).

























Les césures (hyphénation) avec hyphens - (Mozilla )

L'adresse du lien suivant devrait passer à la ligne pour demeurer au sein du paragraphe :
http://www.supercalifragilisticexpialidocious.com
Cette précaution se révèle particulièrement pratique dans les projets web où l’on n’est pas toujours maître du contenu et où de multiples rédacteurs alimentent le site, par exemple via un gestionnaire de contenus (CMS).

Les nouveautés du CSS4 ! LES CESURES : http://www.creativejuiz.fr/blog/css-css3/controles-fin-des-cesures-css4-text

























text-overflow

Exemple 01

Pour masquer les contenus d’un élément dimensionnés à l’aide de la règle overflow et laisser un indice visuel pour indiquer la présence de ce contenu masqué. ATTENTION ! N'est utilisable que pour du texte sur une seule ligne.



















Exemple 02

Pour masquer les contenus d’un élément dimensionnés à l’aide de la règle overflow et laisser un indice visuel pour indiquer la présence de ce contenu masqué. ATTENTION ! N'est utilisable que pour du texte sur une seule ligne
















overflow-x et overflow-y

Les propriétés overflow-x et overflow-y sont des variantes spécifiques de la propriété overflow
définie en CSS 2, qui agissent sur un seul axe à la fois : overflow-x gère les débordements horizontaux tandis que overflow-y se charge des dépassement verticaux.
Les valeurs admises sont les mêmes que pour overflow.



Les propriétés overflow-x et overflow-y sont des variantes spécifiques de la propriété overflow définie en CSS 2, qui agissent sur un seul axe à la fois : overflow-x gère les débordements horizontaux tandis que overflow-y se charge des dépassement verticaux.
Les valeurs admises sont les mêmes que pour overflow.
















resize







font-stretch

La propriété font-stretch permet de condenser ou étirer les caractères d’une police. Le W3C définit 9 mots-clés allant du plus condensé au plus étiré.

font-size-adjust (Mozilla uniquement)

Myriad Pro - 12px - La propriété font-size-adjust permet, lorsqu'une police n'est pas supportée et qu'elle va alors être remplacée par une police de substitution, de conserver la hauteur qu'occuperait la police initiale et éviter ainsi des mises en page qui « saute ».

Myriad Pro - 12px avec ajustement- La propriété font-size-adjust permet, lorsqu'une police n'est pas supportée et qu'elle va alors être remplacée par une police de substitution, de conserver la hauteur qu'occuperait la police initiale et éviter ainsi des mises en page qui « saute »