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-style

Description.

La propriété text-decoration-style définit le type de trait à utiliser pour la décoration du texte : trait plein, pointillé, etc. Voir aussi la propriété raccourcie text-decoration.

Syntaxes pour text-decoration-style.

  • text-decoration-style: solid;
    Exemple souligné

    Exemple surligné

    Exemple rayé

    Le souligné, le surligné ou la rayure sont représentés par un trait plein. C'est la valeur par défaut.

  • text-decoration-style: double;
    Exemple souligné

    Exemple surligné

    Exemple rayé

    Le souligné et autres décorations sont représentés par un trait double.

  • text-decoration-style: dotted;
    Exemple souligné

    Exemple surligné

    Exemple rayé

    Les décorations sont représentées par un trait pointillé.

  • text-decoration-style: dashed;
    Exemple souligné

    Exemple surligné

    Exemple rayé

    Les décorations sont représentées par une succession de tirets.

  • text-decoration-style: wavy;
    Exemple souligné

    Exemple surligné

    Exemple rayé

    Les décorations sont représentées par trait ondulé.

  • text-decoration-style: initial;

    La valeur initiale est solid.

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

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

Simulateur.

text-decoration-style :
Voyez ce koala fou qui mange des journaux et des photos dans un bungalow.
Voyez ce koala fou qui mange des journaux et des photos dans un bungalow.

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-line : Type de décoration : souligné, barré, 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.