Partager via


Styles CSS, Concepteur HTML, boîte de dialogue Options

 

Publication: avril 2016

Grâce à la boîte de dialogue Styles CSS, vous pouvez modifier les paramètres par défaut qui déterminent la façon dont les styles CSS sont appliqués en mode Design.

Pour accéder à cette boîte de dialogue

  1. Dans Visual Web Developer, sélectionnez Outils, puis Options.

  2. Dans le volet de gauche, développez Concepteur HTML, puis cliquez sur Styles CSS.

    Notes

    Si vos paramètres d'environnement sont configurés pour le développement Web, par défaut, les éléments de ce nœud ne sont pas disponibles.Pour les afficher, activez la case à cocher Afficher tous les paramètres.Pour plus d'informations sur les paramètres d'environnement, consultez How to: Change Select Settings.

    Vous trouverez des options supplémentaires qui affectent le mode Design sous le nœud Concepteur HTML, accessible lorsque la case à cocher Afficher tous les paramètres est activée.

Pour plus d'informations sur les feuilles de style, consultez Working with CSS Overview.

Liste UIElement

Mode Application de style

  • Application de style manuelle
    Spécifie que, par défaut, lorsque vous travaillez en mode Design, vous devez appliquer manuellement des styles CSS à des éléments HTML.

    Notes

    Si vous sélectionnez le mode manuel d'application des styles, certaines options d'application de style répertoriées dans le tableau suivant ne sont pas disponibles.

  • Application de style automatique
    Spécifie que, par défaut, lorsque vous travaillez en mode Design, Visual Web Developer applique automatiquement des styles CSS à des éléments HTML.

    Notes

    Si vous sélectionnez le mode automatique d'application des styles, toutes les options d'application de style sont disponibles.

Options d'application de style

  • Ne réutiliser que les classes portant le préfixe "style"
    (Mode d'application de style automatique uniquement) Indique que vous pouvez réutiliser les classes CSS dont le nom comporte le préfixe "style". En mode manuel, vous devez nommer et appliquer manuellement toutes les classes.

  • Utiliser les attributs de largeur et de hauteur pour les images au lieu de CSS
    Indique que les dimensions d'un élément img sont définies à l'aide des attributs width et height au lieu de styles CSS.

  • Utiliser <strong> et <em> pour le texte gras et en italique
    (Mode d'application de style automatique uniquement) Indique que le texte mis en forme en gras est marqué à l'aide d'un élément strong au lieu d'un élément b. Le texte mis en forme en italique est marqué à l'aide d'un élément em au lieu d'un élément i.

    En mode manuel, si vous appliquez la mise en forme gras ou italique à du texte en mode Design, ce sont les éléments b et i qui sont utilisés.

  • Utiliser des propriétés raccourcies lors de la génération de styles
    Indique que lorsque Visual Web Developer génère automatiquement des styles, il utilise le style raccourci ou combiné des propriétés CSS au lieu des styles distincts de chaque élément. Par exemple, au lieu de spécifier chaque aspect de marge avec un style distinct (margin-left, margin-right, par exemple), Visual Web Developer génère une entrée de style (margin:) et spécifie les informations des marges de gauche, de droite, supérieure et inférieure en fonction de cette spécification de style.

  • Modifier la position en absolu pour les contrôles ajoutés à l'aide de la boîte à outils, de coller ou de glisser-déplacer
    Indique que lorsque vous créez des éléments en les collant, en les faisant glisser ou en utilisant la boîte à outils, ces éléments sont positionnés à l'aide du positionnement CSS absolu.

Voir aussi

Général, CSS, Éditeur de texte, boîte de dialogue Options
CSS Editor
Mise en forme, HTML, Éditeur de texte, boîte de dialogue Options
CSS, Concepteur HTML, boîte de dialogue Options