Rubrique précédente: Modification de feuilles de styleRubrique suivante: Modification d'un formulaire d'aperçu contextuel


Boîte de dialogue Concepteur de styles

La boîte de dialogue Concepteur de styles permet de modifier ou de personnaliser les feuilles de style. A l'ouverture de la boîte de dialogue, l'onglet Police et couleur est activé par défaut. Il contient les contrôles suivants :

Classes de styles

Dans la liste déroulante, sélectionnez un élément de style à modifier.

Ajouter

Cliquez sur ce contrôle pour ajouter une nouvelle classe de style.

Renommer

Cliquez sur ce contrôle pour renommer la classe de style sélectionnée dans la liste déroulante.

Supprimer

Cliquez ici pour supprimer la classe de style sélectionnée dans la liste déroulante.

Polices installées

Cette propriété répertorie les polices installées sur le système. Cliquez sur Flèche vers la gauche pour l'Outil de conception de styles et Flèche vers la droite pour l'Outil de conception de styles pour déplacer les polices sélectionnées entre la liste Polices installées et la liste Polices sélectionnées.

Polices sélectionnées

Cette propriété définit une liste hiérarchique contenant les polices favorites qu'utilise le navigateur pour afficher l'élément de la classe de style. Les navigateurs utilisent la première police de la liste installée sur le système sur lequel ils sont eux-mêmes exécutés.

Cliquez sur Flèche vers le haut pour l'Outil de conception de styles et Flèche vers le bas pour l'Outil de conception de styles pour déplacer les polices sélectionnées vers le haut ou vers le bas dans la hiérarchie.

Taille de la police

Sélectionnez une taille de police dans la liste déroulante.

Gras

Sélectionnez un style de police dans la liste déroulante.

Italique

Sélectionnez un style de police dans la liste déroulante.

Sans effet

Sélectionnez cette option si vous ne souhaitez appliquer aucun effet ni ornement spécial au texte.

Souligné

Sélectionnez cette option pour souligner le texte.

Barré

Sélectionnez cette option pour barrer le texte.

Surligné

Sélectionnez cette option pour qu'une ligne apparaisse au-dessus du texte.

Couleur de premier plan

Pour sélectionner la couleur de premier plan du texte, cliquez sur le bouton Parcourir situé à droite de cette propriété, puis sélectionnez une couleur dans la palette de couleurs et cliquez sur OK.

Couleur d'arrière-plan

Pour sélectionner la couleur d'arrière-plan du texte, cliquez sur le bouton Parcourir situé à droite de cette propriété, puis sélectionnez une couleur dans la palette de couleurs et cliquez sur OK.

Transparent

Sélectionnez cette option pour que l'arrière-plan de l'élément de style soit transparent.

Un exemple de cet élément s'affiche dans la zone d'aperçu, dans la partie inférieure de la boîte de dialogue.

Pour définir la position de l'élément, cliquez sur l'onglet Position. Cet onglet comporte les contrôles suivants :

Position

Sélectionnez la position de l'élément dans la liste déroulante. Cette propriété place l'élément dans une position statique, absolue ou relative. La valeur Statique a pour effet de placer l'élément par rapport au flux normal. La valeur Absolue permet de placer l'élément n'importe où sur la page. La valeur Relative permet de déplacer l'élément par rapport à sa position normale.

Gauche

Entrez une valeur définissant la marge gauche de l'élément. Sélectionnez une taille dans la liste déroulante. Cette propriété est désactivée si vous avez choisi la position Statique.

Haut

Entrez une valeur définissant la marge supérieure de l'élément. Sélectionnez une taille dans la liste déroulante. Cette propriété est désactivée si vous avez choisi la position Statique.

Largeur

Entrez une valeur définissant la largeur de l'élément. Sélectionnez une taille dans la liste déroulante.

Hauteur

Entrez une valeur définissant la hauteur de l'élément. Sélectionnez une taille dans la liste déroulante.

Z-Index

Entrez une valeur définissant l'ordre de pile de l'élément. L'élément possédant l'ordre de pile le plus élevé est toujours placé devant un élément dont l'ordre de pile est inférieur. Z-index s'applique uniquement aux éléments ayant une position Absolue.

Remarque : Les éléments peuvent posséder des ordres de pile négatifs.

Cliquez sur l'onglet Autre pour définir des propriétés propres à l'élément. Cet onglet contient les contrôles suivants :

Visibilité

Sélectionnez le type de visibilité de l'élément dans cette liste déroulante. Cette propriété définit la façon dont le contenu d'un élément s'affiche en cas de dépassement de la zone définie.

Dépassement

Sélectionnez le type de dépassement de l'élément dans cette liste déroulante. Cette propriété détermine la solution à adopter lorsqu'un élément dépasse la zone qui lui est attribuée.

Afficher

Sélectionnez le type d'affichage de l'élément dans cette liste déroulante. Cette propriété définit le mode d'affichage de l'élément.

Curseur

Sélectionnez le type de curseur de l'élément dans cette liste déroulante. Cette propriété définit le type de curseur à afficher lorsque l'utilisateur pointe sur un élément.

OK

Cliquez sur ce contrôle pour fermer la boîte de dialogue et enregistrer vos modifications.

Annuler

Cliquez sur ce contrôle pour fermer la boîte de dialogue Concepteur de styles.