Mise à jour : novembre 2007
La catégorie Position des boîtes de dialogue Nouveau style et Modifier le style permet de définir les règles de style d'une feuille de style en cascade (CSS) pour la position des éléments d'interface utilisateur d'une page Web. Vous pouvez appliquer ces règles de style directement aux éléments HTML ou les ajouter à la page active ou à une feuille de style externe.
Pour définir une règle de style CSS de position pour les éléments d'interface utilisateur de la page active
Ouvrez la page en mode Design ou Source.
Vous pouvez sélectionner le texte ou les éléments HTML auxquels appliquer le style.
Dans le menu Format, sélectionnez Nouveau style.
La boîte de dialogue Nouveau style s'affiche.
Dans le volet Catégorie, sélectionnez Position.
Les sélections de style de position s'affichent dans le volet droit.
En mode Design, lorsque vous appliquez des styles au texte sélectionné, les attributs de style sont insérés inline dans le balisage HTML de la page. Passez en mode Source pour contrôler les nouveaux attributs de style.
Pour ajouter des attributs de position à une règle de style CSS définie dans une feuille de style externe
Ouvrez une feuille de style externe existante.
Placez le curseur entre les accolades de la règle de style à modifier.
Dans le menu Styles, sélectionnez Générer un style.
La boîte de dialogue Modifier le style s'affiche.
 Remarque : |
|---|
Le menu Styles apparaît lorsque vous ouvrez une feuille de style CSS externe pour la modifier. Dans le menu Styles, l'option Générer un style devient accessible lorsque vous placez le curseur entre les accolades suivant le sélecteur d'une règle de style. |
Dans le volet gauche, sélectionnez Position.
Les sélections de style de position s'affichent dans le volet droit.
Les tableaux suivants répertorient les options disponibles dans la catégorie Position des boîtes de dialogue Nouveau style et Modifier le style.
- position
L'algorithme à utiliser pour insérer un élément dans une page Web. Les valeurs sont les suivantes :
absolute La position de l'élément est spécifiée à l'aide des propriétés top, right, bottom et left. Ces propriétés sont relatives au bloc contenant.
fixed La position de l'élément est spécifiée à l'aide des propriétés top, right, bottom et left. Ces propriétés sont relatives à la fenêtre de navigateur. L'élément ne défile pas avec la page Web.
relative La position de l'élément est calculée d'après le flux normal, puis est décalée à l'aide des propriétés top, right, bottom et left. L'offset est relatif à la position normale de l'élément.
static La position de l'élément est calculée d'après le flux normal. Les propriétés top, right, bottom et left sont ignorées. Il s'agit de l'option par défaut.
inherit L'élément hérite son algorithme de position d'un élément parent.
- z-index
Le niveau de pile d'un élément. Un élément avec un niveau de pile supérieur s'affiche en regard des éléments dont les niveaux de pile sont inférieurs.
- width
Largeur d'un élément. Si vous spécifiez une valeur, vous pouvez sélectionner les unités de valeur dans la liste.
- height
Hauteur d'un élément. Si vous spécifiez une valeur, vous pouvez sélectionner les unités de valeur dans la liste.
- top
Bord supérieur de l'élément. Si la propriété position a la valeur static, cette propriété est ignorée. Si vous spécifiez une valeur, vous pouvez sélectionner les unités de valeur dans la liste.
- right
Bord droit de l'élément. Si la propriété position a la valeur static, cette propriété est ignorée. Si vous spécifiez une valeur, vous pouvez sélectionner les unités de valeur dans la liste.
- bottom
Bord inférieur d'un élément. Si la propriété position a la valeur static, cette propriété est ignorée. Si vous spécifiez une valeur, vous pouvez sélectionner les unités de valeur dans la liste.
- left
Bord gauche de l'élément. Si la propriété position a la valeur static, cette propriété est ignorée. Si vous spécifiez une valeur, vous pouvez sélectionner les unités de valeur dans la liste.
- Sélecteur
(boîte de dialogue Nouveau style uniquement) Permet d'entrer un nom de classe ou de sélectionner l'élément HTML auquel appliquer le style. Les noms de classe doivent commencer par un point (.). Vous pouvez également sélectionner (style intraligne), qui permet d'appliquer inline le style au texte sélectionné ou aux éléments HTML.
- Définir dans
(boîte de dialogue Nouveau style uniquement) Permet de spécifier l'emplacement d'écriture de la définition de la règle de style. Les valeurs sont les suivantes :
Page active La règle de style est écrite dans un élément style de la page active.
Nouvelle feuille de style Une nouvelle feuille de style CSS, dans laquelle est écrite la règle, est ajoutée au projet.
Feuille de style existante La règle de style est ajoutée à la feuille de style CSS spécifiée via la liste URL.
- URL
(boîte de dialogue Nouveau style uniquement) Permet de sélectionner une feuille de style CSS existante. Cette option n'est activée que lorsque Définir dans a la valeur Feuille de style existante.
- Appliquer un nouveau style à la sélection de document
(boîte de dialogue Nouveau style uniquement) Indique que le style s'applique au texte, à la classe ou à l'élément HTML sélectionné.
- Aperçu
Affiche un exemple de mode d'affichage de la règle de style lorsqu'elle s'applique.
- Description
Affiche la définition CSS de la règle de style.
