Ressources de Dreamweaver CS4
|
Affichage ou définition des propriétés pour un seul élément PA
Lorsque vous sélectionnez un élément PA, l'inspecteur Propriétés affiche les propriétés de cet élément.
- Sélectionnez un élément PA.
- Dans l'inspecteur Propriétés (Fenêtre > Propriétés), cliquez sur la flèche d'agrandissement située dans le coin inférieur droit (si l'inspecteur est affiché en mode réduit) pour visualiser l'ensemble des propriétés.
- Parmi les options suivantes, définissez celles de votre choix :
- Elément CSS-P
- Spécifie un identificateur pour l'élément PA sélectionné. Cet ID identifie l'élément PA dans le panneau Eléments PA et dans le code JavaScript.
Seuls les caractères alphanumériques sont acceptés ; n'utilisez aucun caractère spécial comme les espaces, les traits d'union, les barres obliques ou les points. Chaque élément PA doit avoir un ID unique. Remarque : L'inspecteur Propriétés CSS-P présente les mêmes options pour les éléments à positionnement relatif.
- G et S (gauche et haut)
- Indiquez la position du coin supérieur gauche de l'élément PA par rapport au coin supérieur gauche de la page, ou de l'élément PA parent s'il est imbriqué.
- L et H
- Indiquez la largeur et la hauteur de l'élément PA.
Remarque : Si le contenu d'un élément PA dépasse la taille indiquée, le bord inférieur de cet élément PA (tel qu'il apparaît en mode Création dans Dreamweaver) s'étire proportionnellement. (Le bord inférieur ne s'étend pas lorsque l'élément PA apparaît dans un navigateur, sauf si la propriété Débordement est définie sur Visible).
L'unité par défaut de la position et de la taille est le pixel (px). Vous pouvez également choisir les unités suivantes : pc (picas), pt (points), in (pouces), mm (millimètres), cm (centimètres) ou% (pourcentage de la valeur équivalente de l'élément PA parent). Les abréviations doivent suivre la valeur sans espace : par exemple, 3mm.
- Index Z
- Détermine l'index z ou ordre de superposition, de l'élément PA.
Dans un navigateur, les éléments PA portant les valeurs les plus élevées se superposent aux éléments PA portant les valeurs moins élevées. Les valeurs peuvent être positives ou négatives. Il est plus facile de modifier l'ordre de superposition des éléments PA à l'aide du panneau Eléments PA qu'en saisissant des valeurs d'index z spécifiques.
- Vis
- Indique si l'élément PA est initialement visible ou non. Faites votre choix parmi les options suivantes :
Aucune propriété de visibilité n'est définie par défaut. Lorsque aucune visibilité n'est précisée, la plupart des navigateurs choisissent Hériter.
L'option Hériter utilise la propriété de visibilité de l'objet parent de l'élément PA.
Visible affiche le contenu de l'élément PA, quelle que soit la valeur du parent.
Masqué dissimule le contenu de l'élément PA, quelle que soit la valeur du parent.
Utilisez un langage de script, par exemple JavaScript, pour contrôler la propriété de visibilité et afficher le contenu des éléments PA de façon dynamique.
- Image ar-pl
- Spécifie une image d'arrière-plan pour l'élément PA.
Cliquez sur l'icône du dossier à parcourir et sélectionnez un fichier d'image.
- Couleur d'ar-pl.
- Spécifie une couleur d'arrière-plan pour l'élément PA.
Laissez cette option vide pour spécifier un arrière-plan transparent.
- Classe
- Indique la classe CSS utilisée pour créer l'élément PA.
- Débordement
- Contrôle la manière dont les éléments PA apparaissent dans un navigateur lorsque le contenu dépasse la taille spécifiée de l'élément PA.
Visible indique que le contenu supplémentaire apparaîtra dans l'élément PA ; en fait, l'élément PA s'agrandit proportionnellement. Masqué signifie que le contenu supplémentaire ne sera pas affiché dans le navigateur. Défilement indique que le navigateur devra ajouter des barres de défilement dans l'élément PA, qu'elles soient nécessaires ou non. Auto entraîne l'affichage des barres de défilement de l'élément PA dans le navigateur uniquement lorsque cela est nécessaire (c'est-à-dire lorsque le contenu de l'élément PA dépasse ses limites).
Remarque : La prise en charge de l'option Débordement est inégale suivant les navigateurs.
- Détourage
- Définit la zone visible de l'élément PA.
Indiquez les coordonnées gauche, haut, droite et bas pour définir un rectangle dans le champ des coordonnées de l'élément PA (en partant du coin supérieur gauche de l'élément PA). L'élément PA est « détouré » afin que seul le rectangle spécifié soit visible. Par exemple, pour rendre le contenu d'un élément PA invisible à l'exception d'un rectangle visible d'une largeur de 50 pixels et d'une hauteur de 75 pixels dans le coin supérieur gauche de l'élément PA, définissez G sur 0, S sur 0, D sur 50 et B sur 75.
Remarque : Bien que les feuilles de style en cascade utilisent des termes différents pour le détourage, Dreamweaver interprète le détourage de la même manière que la plupart des navigateurs.
- Si vous avez tapé une valeur dans une zone de texte, appuyez sur Tab ou Entrée (Windows) ou Retour (Macintosh) pour l'appliquer.
|