La création d'un site Web est quelque chose que la plupart des développeurs Web prennent bien soin de. Les développeurs Web appliquent des couleurs, des alignements et des décorations au texte apparaissant sur le site Web. Le texte sur les sites Web peut être amélioré à l'aide d'une large gamme de propriétés fournies par CSS. L'une de ces propriétés est la propriété textuelle-décoration qui vous permet d'appliquer des lignes améliorant le texte. Ce tutoriel est conçu pour éclairer ses lecteurs sur la décoration de texte dans CSS.

textaine-décoration Propriété en CSS

Comme déjà mentionné, la propriété de décoration texte dans CSS ajoute des lignes améliorant le texte apparaissant sur une page Web. La propriété texto-détective vous permet d'impliquer un soulignement, une surface, une ligne de ligne et une combinaison de celles-ci au texte spécifié.

Syntaxe

Il a la syntaxe suivante

p
Décoration du texte: surclassion;

Comment appliquer un soulignement au texte

À l'aide de la propriété textuelle-décoration, vous pouvez souligner un texte spécifique.

Exemple

Décoration de texte CSS

Sortir
Le texte a été souligné.

Comment appliquer un surclassement au texte

À l'aide de la propriété textuelle-décoration, vous pouvez définir un surclassement sur un texte spécifique. Consultez l'exemple ci-dessous.

H1
Décoration du texte: surclassion;

Sortir

Un surclassement a été réglé sur le texte.

Comment appliquer la ligne à travers le texte

À l'aide de la propriété textuelle-décoration, vous pouvez définir une ligne sur un texte spécifique. Utilisez le morceau de code suivant.

H1
Décoration du texte: ligne;

Sortir

Une ligne a été appliquée au texte.

Comment appliquer une combinaison des techniques ci-dessus au texte

À l'aide de la propriété textuelle-décoration, vous pouvez utiliser une combinaison de soulignement, de surlignement et de ligne sur un texte spécifique. Utilisez le morceau de code suivant.

H1
Décoration du texte: soulignement en ligne;

Sortir

Le texte a été souligné et redémarré.

Décoration du texte Une propriété sténographique

Une propriété raccourci dans le CSS est une propriété qui vous permet d'appliquer différentes valeurs à d'autres nombreuses propriétés CSS à la fois, ce qui permet d'économiser votre temps et votre énergie. La propriété textuelle-décoration est également considérée comme une propriété raccourci car elle peut être utilisée pour définir des valeurs aux propriétés suivantes;

1. Text-décoration-ligne
2. couleur-décoration de texte
3. de style texto-décoration.

Avant de démontrer la propriété textuelle-décoration comme une propriété scolarisée à l'aide d'un exemple. Permet d'abord de comprendre quelles sont ces propriétés.

Text-décoration-ligne: Cette propriété est similaire à la propriété textuelle et peut être utilisée pour appliquer des décorations au texte.

Color de textes-décoration: Cette propriété est utilisée pour appliquer la couleur à la décoration appliquée sur le texte.

style-décoration de texte: La propriété de style texto-decoration est utilisée pour appliquer différents styles tels que solides, ondulés, pointillés, anéantis et doublés à la décoration texte (soulignement, surclassion, ligne ou une combinaison).

Explorons la décoration du texte comme une propriété scolarisée à l'aide d'exemples.

Exemple 1

Dans l'exemple suivant, nous appliquons la couleur et le style à la décoration de texte en utilisant uniquement la propriété textuelle-décoration.

Décoration de texte CSS

Sortir

Le texte a décoré à l'aide d'un soulignement rouge ondulé.

Exemple 2

Dans l'exemple suivant, nous appliquons une combinaison de soulignement et de surlignement et de définir également la couleur et le style.

Décoration de texte CSS

Sortir

Le texte a été décoré en utilisant un soulignement rouge et sur2.

Conclusion

La propriété textuelle-décoration dans CSS vous permet d'ajouter des lignes améliorantes au texte sur les pages Web. Ces lignes peuvent être un soulignement, une ligne de ligne, un surlignement ou une combinaison de ceux-ci à un texte spécifique. Cette propriété est appelée une propriété scolarisée car vous pouvez définir des valeurs sur des propriétés de style texto-détectrice, de couleur textuelle et de style text. Cette rédaction traite de la propriété textuelle en profondeur, ainsi que des exemples appropriés.