Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Propriété text-decoration-line

Description.

La propriété text-decoration-line définit le type de décoration à ajouter au texte : souligné, barré, etc. Voir aussi la propriété raccourcie text-decoration.

Syntaxes pour text-decoration-line.

  • text-decoration-line: none;
    Exemple

    Valeur par défaut. Pas de décoration ajoutée.

  • text-decoration-line: underline;
    Exemple

    Souligné.

  • text-decoration-line: overline;
    Exemple

    Surligné.

  • text-decoration-line: line-through;
    Exemple

    Barré.

  • text-decoration-line: underline line-through;
    Exemple

    Plusieurs valeurs peuvent être énumérées, séparées par un espace. Le résultat est l'accumulation de toutes ces valeurs.

  • text-decoration-line: blink;

    Texte clignotant. Cette valeur est obsolète : les navigateurs ne considèrent pas forcément cette valeur comme une erreur de syntaxe mais l'ignore.

    Utilisez à la place une animation CSS pour obtenir un clignotement (voir la propriété animation).

  • text-decoration-line: initial;

    La valeur initiale est none.

  • text-decoration-line: unset; text-decoration-line: inherit;

    Reportez-vous à la description générale de ces valeurs.

Simulateur.

text-decoration-line :
Un quetzal réfugié en kimono achète dix pyjamas verts sur le Web.

Voir aussi...

Polices et caractères - Propriétés.

  • font : Raccourci pour définir la plupart des propriétés concernant les polices de caractères.
  • font-display : Détermine le comportement du navigateur face aux polices de caractères longues à charger.
  • font-family : Définit le nom de la police de caractères.
  • font-feature-settings : Permet d'exploiter les fonctionnalités spécifiques des polices de caractères OTF, WOFF, etc.
  • font-kerning : Ajustement du crénage entre caractères.
  • font-size : Ajuste la taille des caractères.
  • font-size-adjust : Définition du coefficient d'aspect de la police.
  • font-stretch : Modifie l'étirement ou la compression des caractères.
  • font-style : Sélectionne les styles italique ou oblique de la police de caractères.
  • font-synthesis : Autorise ou non le calcul des styles manquants dans la police de caractères.
  • font-variant : Raccourci permettant de définir les attributs typographiques évolués : ligatures, substitution de caractères, etc.
  • font-variant-alternates : Met en œuvre la substitution de caractères (polices OTF, WOFF).
  • font-variant-caps : Applique une capitalisation des caractères.
  • font-variant-east-asian : Typographie spécifique aux caractères chinois ou japonais.
  • font-variant-ligatures : Active ou désactive la ligature des caractères.
  • font-variant-numeric : Met en œuvre les modes d'affichage des nombres évolués : fractions, numéros, etc.
  • font-weight : Sélectionne une graisse pour les caractères.
  • text-decoration : Choisit le soulignement, le surlignement ou la rayure du texte.
  • text-decoration-color : Définit la couleur du trait de décoration.
  • text-decoration-style : Type de trait pour la décoration : plein, pointillé, etc.
  • text-shadow : Ombrage du texte.
  • text-transform : Casse du texte (minuscules, majuscules...).

Polices et caractères - Directives.

  • @charset : Indique le jeu de caractères utilisé dans la feuille de styles.
  • @font-face : Définit tous les paramètres d'une police de caractères téléchargeable.
  • @font-feature-values : Définit les variantes typographiques à utiliser.