Les sites Web attrayants pour les utilisateurs nécessitent souvent l'ajout de plusieurs méthodologies de style de temps en temps. Dans de telles situations, le style de la décoration du texte peut être réalisé de plusieurs manières en fonction de différentes valeurs selon les exigences pour que le site se démarque.
Ce blog couvrira les domaines de contenu suivants :
Comment définir le style de décoration du texte dans Tailwind CSS ?
Le style du texte peut être défini et décoré à l’aide du « style de décoration de texte ' propriété attribuée avec différentes valeurs de style.
Propriétés du style de décoration de texte
| Classe | Propriétés |
| décoration-solide | style de décoration de texte : solide ; |
| décoration-double | style de décoration de texte : double ; |
| décoration ondulée | style de décoration de texte : ondulé ; |
| décoration en pointillés | style de décoration de texte : pointillé ; |
| décoration à pois | style de décoration de texte : pointillé ; |
Exemple : Définition du style de décoration de texte dans Tailwind CSS
Cet exemple utilise le « discuté ci-dessus » style de décoration de texte ' Propriété avec toutes les valeurs pour styliser le texte du paragraphe :
DOCTYPEhtml >< HTML >
< tête >
< méta jeu de caractères = 'utf-8' >
< méta nom = 'portée d'affichage' contenu = 'largeur=largeur de l'appareil, échelle initiale=1' >
< scénario src = 'https://cdn.tailwindcss.com' > scénario >
tête >
< corps >
< div >
< p classe = 'souligner la décoration-solide...' > Ceci est le site Web Linuxhint p >
< p classe = 'souligner la décoration-double...' > Ceci est le site Web Linuxhint p >
< p classe = 'souligner la décoration ondulée...' > Ceci est le site Web Linuxhint p >
< p classe = 'souligner la décoration en pointillés...' > Ceci est le site Web Linuxhint p >
< p classe = 'souligner la décoration en pointillés...' > Ceci est le site Web Linuxhint p >
div >
corps >
HTML >
Sur la base de ce code, appliquez les étapes suivantes :
-
- Incluez le « CDN ' chemin dans le '
» pour appliquer les fonctionnalités de Tailwind. - Maintenant, créez quatre paragraphes en utilisant le « » balise contenant le « décoration de texte ' propriété attribuée à une valeur différente dans chaque cas, comme indiqué.
- Cela souligne le texte avec des lignes pleines, doubles, ondulées, pointillées et pointillées.
- Incluez le « CDN ' chemin dans le '
Sortir
De ce résultat, on vérifie que le texte a été décoré en conséquence.
Conclusion
Le style du texte peut être défini et décoré à l'aide du ' style de décoration de texte ' propriété attribuée avec différentes valeurs de style. Ces valeurs incluent les valeurs pleines, doubles, ondulées, en pointillés et en pointillés. Ce blog consistait à définir le style de décoration du texte à l'aide de Tailwind CSS.