Manipulation du Texte en CSS: TextTransform et TextDecoration

Propriétés CSS pour les textes
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML5 et CSS3 / Part 2
Revoir le teaser Je m'abonne
1,0
Transcription

39,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Description Programme Avis
1,0
39,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Les objectifs de cette vidéo sont d'apprendre à utiliser les propriétés CSS TextTransform et TextDecoration, de comprendre leurs différentes valeurs, et de savoir les appliquer efficacement dans des projets web.

Cette leçon couvre les propriétés TextTransform et TextDecoration en CSS, et montre comment les appliquer pour modifier l'apparence du texte sur une page web.

Dans cette leçon, nous aborderons deux propriétés CSS essentielles pour la manipulation du texte : TextTransform et TextDecoration. Avec TextTransform, vous apprendrez à transformer votre texte en majuscules, minuscules, ou à capitaliser les premières lettres des mots. Des exemples pratiques vous montreront comment appliquer ces transformations sur des éléments HTML comme des paragraphes et des titres.

La propriété TextDecoration, quant à elle, permet de styliser votre texte avec des lignes soulignées, barrées ou surlignées. Nous explorerons également des options moins courantes, comme le texte clignotant, et discuterons de leur compatibilité entre navigateurs. Vous verrez comment combiner différentes décorations pour obtenir un soulignement à la fois au-dessus et en dessous du texte.

Enfin, nous illustrerons l'usage de TextDecoration pour des liens hypertextes en CSS, et comment supprimer l'apparence soulignée par défaut des liens.

Voir plus
Questions réponses
Qu'est-ce que la propriété CSS TextTransform?
TextTransform est une propriété CSS qui permet de transformer le texte en majuscules, minuscules, ou de capitaliser les premières lettres des mots.
Quelle valeur de TextDecoration permet d'ajouter un soulignement au texte?
La valeur 'underline' de TextDecoration permet d'ajouter un soulignement au texte.
Comment combiner underline et overline avec TextDecoration en CSS?
Pour combiner underline et overline, vous devez écrire les deux valeurs sur la même ligne dans TextDecoration, comme ceci : 'TextDecoration: underline overline;'.
1 commentaire
1,0
1 vote
5
4
3
2
1
eve.bertieaux
Il y a 2 years
Commentaire
C'est vraiment dommage que lors de la démonstration HTML et CSS soient mélangés, je ne sais plus à un moment donné si c'est dans l'un ou l'autre, du coup je n'ai pas le résultat attendu