mozilla
Vos résultats de recherche

    text-decoration-style

    Cette fonction est expérimentale
    Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
    Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

    Résumé

    La propriété CSS text-decoration-style définit le style des lignes spécifiées par text-decoration-line. le style s'applique à toutes les lignes, il n'existe pas de moyen de décorer différemment chaque ligne où text-decoration-line s'applique.

    Si la décoration spécifiée a une signification sématique spécifique, comme une barre en travers signifiant que le texte a été supprimé, les auteur sont encouragés à marquer cet usage par un élément HTML, tel que <del> ou <s>. Puisque les navigateurs peuvent désactiver la décoration dans certains cas, la signification sémantique ne sera pas perdue dans un tel cas.

    Syntaxe

    text-decoration-style: 	inherit     ou
    text-decoration-style:  style
    

    où :

    inherit
    est un mot-clé indicant la réutilisation de la valeur calculée pour l'élément parent.
    style
    est l'un des mots-clés suivants :
    Mot-clé Description Exemple en direct Comment
    solid Dessine une ligne simple Lorem ipsum  
    double Dessine une double ligne Lorem ipsum  
    dotted Dessine une ligne en pointillés Lorem ipsum  
    dashed Dessine une ligne en tirets Lorem ipsum  
    wavy Dessine une vague Lorem ipsum  
    -moz-none Ne dessine pas de ligne Lorem ipsum Ne pas utiliser : utiliser text-decoration-line: none à la place.

    Exemples

    .exemple { 
        text-decoration-line: underline;
        text-decoration-style: wavy;
        text-decoration-color: red;
    }
    

    Voici à quoi ça ressemble.

    Spécifications

    Spécification Statut Commentaire
    CSS Text-decoration Level 3 Candidate Recommendation  

    Compatibilité des navigateurs

    Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Support de base Pas de support 6.0 (6.0)
    -moz
    Pas de support Pas de support Pas de support
    Fonction Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Support de base Pas de support Pas de support 6.0 (6.0)
    -mozPas de support
    Pas de support Pas de support Pas de support

    Voir également

    Text-related properties: letter-spacing, text-align, text-decoration, text-decoration-color, text-decoration-line, text-decoration-style, text-rendering, text-shadow, text-transform, text-indent, white-space, word-spacing

    Étiquettes et contributeurs liés au document

    Étiquettes : 
    Contributors to this page: teoli, FredB
    Dernière mise à jour par : teoli,
    Masquer la barre latérale