Boîtes de dialogue Nouveau style et Modifier le style
Publication: mars 2016
Les boîtes de dialogue Nouveau style et Modifier le style fournissent des options qui vous permettent de définir ou modifier des attributs de style CSS. Un style CSS combine une mise en forme individuelle et des attributs de positionnement en un ensemble unique d'attributs que vous pouvez appliquer en même temps.
La boîte de dialogue Nouveau style est divisée en deux volets. Le volet supérieur vous permet de sélectionner où le style est défini et à quel élément ou classe le style est appliqué. Le volet inférieur répertorie neuf catégories générales (Police, Bloc, Arrière-plan, Bordure, Zone, Position, Disposition, Liste et Table). Lorsque vous sélectionnez une catégorie, le volet inférieur affiche les options correspondant à cette catégorie. Au fur et à mesure que vous sélectionnez des options de style, la boîte de dialogue Nouveau style crée des définitions de style CSS.
Les options de la boîte de dialogue Modifier le style correspondent à celles du volet inférieur de la boîte de dialogue Nouveau style. La zone Modifier le style est disponible lorsque vous modifiez une feuille de style. La boîte de dialogue Nouveau style est disponible lorsque vous modifiez une page HTML ou ASP.NET.
Boîte de dialogue Nouveau style
Pour ouvrir la boîte de dialogue Nouveau style et définir un style
Cliquez sur Format dans le menu principal, puis sur Nouveau style.
La boîte de dialogue Nouveau style s'affiche.
Dans la liste déroulante de Sélecteur, sélectionnez un élément HTML ou tapez le nom de la classe qui contiendra la définition du style.
Un nom de classe doit être précédé d'un point (.).
Dans la liste déroulante Définir dans, sélectionnez pour définir le style soit dans la page Web actuelle, soit dans une nouvelle feuille de style qui sera ajoutée au site Web, soit dans une feuille de style existante. Les styles définis dans la page Web active peuvent être appliqués uniquement aux éléments dans cette page. Les feuilles de style externes vous permettent de définir une apparence commune pour plusieurs pages Web.
Si vous sélectionnez une feuille de style existante, définissez son emplacement dans la zone de texte d'URL.
Activez la case à cocher Appliquer un nouveau style à la sélection de document si vous souhaitez que l'élément actuellement sélectionné dans la page Web s'affiche à l'aide des propriétés de style.
Sélectionnez une option dans le volet gauche et définissez les attributs de style CSS.
Boîte de dialogue Modifier le style
Pour ouvrir la boîte de dialogue Modifier le style
Effectuez l'une des opérations suivantes :
Cliquez avec le bouton droit sur la feuille de style dans l'éditeur, puis dans le menu contextuel, choisissez Créer un style.
Dans la barre d'outils de feuille de style, choisissez Créer un style.
La boîte de dialogue Modifier le style s'affiche.
Les options de la boîte de dialogue sont identiques à celles du volet inférieur de la boîte de dialogue Nouveau style.
Tâches
Walkthrough: Basic HTML Editing in Visual Studio for Web Forms Pages
Walkthrough: Creating and Modifying a CSS File
Éléments de l'interface utilisateur
Pour en savoir plus sur les options relatives aux éléments suivants |
Consultez |
---|---|
Polices |
Police, boîtes de dialogue Nouveau style et Modifier le style |
Arrière-plans |
Arrière-plan, boîtes de dialogue Nouveau style et Modifier le style |
Alignement de texte |
|
Position des éléments sur une page |
Position, boîtes de dialogue Nouveau style et Modifier le style |
Contrôle à virgule flottante, dépassement, découpage |
Disposition, boîtes de dialogue Nouveau style et Modifier le style |
Bordures |
Bordure, boîtes de dialogue Nouveau style et Modifier le style |
Marges et marge intérieure |
Boîte, boîtes de dialogue Nouveau style et Modifier le style |
Listes |
Liste, boîtes de dialogue Nouveau style et Modifier le style |
Tables |
Table, boîtes de dialogue Nouveau style et Modifier le style |