HTML5 - Transformation de texte

Table des matières
Il y a deux propriétés qui nous permettent de changer et de modifier le texte dans les documents HTML5, ceux-ci sont texte-décoration Oui transformation de texte, ceux-ci vous permettent de leur donner des styles externes ou plats pour modifier le texte souhaité.
Application des styles.
Voyons ce que signifie chacune de ces propriétés et comment elles peuvent être appliquées :
  • texte-décoration : Appliquez une décoration à un bloc de texte, ses propriétés possibles sont : aucune, souligné, surligne, ligne traversante, clignotement.
  • transformation de texte : Appliquer une transformation à un bloc de texte, ses propriétés possibles sont : aucune, majuscule, majuscule, minuscule.

Analysons l'exemple suivant où nous appliquons les deux propriétés pour générer un effet dans le texte, nous allons tout transformer en majuscule et en plus nous placerons une ligne au milieu pour obtenir un effet barré :
 Exemple

Il existe de nombreuses sortes de fruits - il existe plus de 500 variétés de bananes à elles seules. Au moment où nous ajoutons les innombrables types de pommes, d'oranges et d'autres fruits bien connus, nous sommes confrontés à des milliers de choix. L'un des aspects les plus intéressants des fruits est la variété disponible dans chaque pays. J'habite près de Londres, dans une région connue pour ses pommes.


Voyons maintenant ce que le navigateur nous montre, si nous remarquons le code nous savons que notre texte est une combinaison de lettres majuscules et minuscules et le résultat est différent grâce à transformation de texte.

Cet effet est assez populaire puisqu'en faisant une bonne combinaison on peut obtenir une sensation de profondeur, on parle de ombre de texte, qui ne fait rien de plus qu'ajouter une ombre à un bloc de texte et ses propriétés sont :,,,, celles-ci fonctionnent de la même manière que les ombres des éléments HTML.
N'oubliez pas que les propriétés h-shadow fonctionnent pour l'ombre horizontale, v-shadow pour la verticale, blur nous donne la diffusion de l'ombre et la couleur pour ses effets de couleur.
Sans plus tarder, passons à un exemple utilisant ces options :
 Exemple

Il existe de nombreuses sortes de fruits - il existe plus de 500 variétés de bananes à elles seules. Au moment où nous ajoutons les innombrables types de pommes, d'oranges et d'autres fruits bien connus, nous sommes confrontés à des milliers de choix.


Ce code nous donne les résultats suivants dans le navigateur :

Comme nous l'avons observé, nous avons pu créer deux types d'ombres pour les différents textes, uniquement en modifiant les propriétés de l'attribut ombre de texte.
Avec cela, nous terminons le didacticiel, nous pouvons maintenant modifier notre texte, nous pouvons réaliser de nombreuses combinaisons, afin que nos pages prennent vie et ainsi obtenir des textes riches, comme nous devrions toujours nous entraîner jusqu'à ce que nous n'ayons plus besoin de voir le guide pour utiliser ce que nous avons appris aujourd'hui.

Vous contribuerez au développement du site, partager la page avec vos amis

wave wave wave wave wave