Police, boîtes de dialogue Nouveau style et Modifier le style
Publication: mars 2016
La catégorie Police de la boîte de dialogue Nouveau style permet de définir les règles de style d'une feuille de style en cascade (CSS) pour les polices de texte. 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 police pour les éléments d'interface utilisateur de la page active
Ouvrez la page en mode Design ou Source.
Vous pouvez également sélectionner le texte et/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 Police.
Les sélections de style de police s'affichent dans le volet de droite.
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 police à 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.
Effectuez l'une des actions 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.
Dans le volet de gauche, cliquez sur Police.
Les sélections de style de police s'affichent dans le volet de droite.
Vous pouvez appliquer une classe de style CSS à un élément de la page Web ou à l'élément body en affectant la propriété class de l'élément au nom du sélecteur de classe.
Liste UIElement
Les tableaux suivants répertorient les options disponibles dans la catégorie Police des boîtes de dialogue Nouveau style et Modifier le style.
Options de police
font-family
Nom d'une police de texte Les noms de police qui contiennent des espaces doivent être placés entre guillemets, par exemple "Times New Roman". Vous pouvez spécifier plusieurs noms de police séparés par des virgules (,). Pour la dernière police de la liste, il est conseillé d'indiquer une police générique telle que "serif", "sans-serif" ou "monospace".taille de police
Indique la taille de la police. La saisie d'une valeur permet de sélectionner les unités dans la liste. Il est conseillé d'utiliser des tailles relatives, telles que "small", "x-large" ou un pourcentage, afin que les utilisateurs puissent ajuster la taille de police dans le navigateur Web.font-weight
Graisse de la police, par exemple "normal", "bold" ou "400". Une valeur numérique représente un poids relatif de 100 à 900.font-style
Style ou inclinaison de la police, par exemple "normal" ou "italic". Avec l'option "oblique", la plupart des navigateurs Web affichent la police en italique.font-variant
Style de variante pour l'affichage de la police. Les valeurs sont les suivantes :normal La police s'affiche normalement.
small-caps La police s'affiche en petites majuscules.
inherit Le style de variante est hérité de l'élément parent.
text-transform
Une valeur qui définit la mise en majuscules du texte. Les valeurs sont les suivantes :capitalize La première lettre de chaque mot s'affiche en majuscule.
lowercase Toutes les lettres s'affichent en minuscule.
uppercase Toutes les lettres s'affichent en majuscule.
none La mise en majuscule n'est pas modifiée.
inherit Le style text-transform est hérité de l'élément parent.
color
Couleur de la police de texte. Pour choisir parmi plus de couleurs, utilisez la flèche bas ou cliquez sur l'icône carrée sur la droite. Pour plus d'informations, consultez Boîtes de dialogue Couleurs et Couleurs supplémentaires.text-decoration
Une combinaison des attributs de texte suivants : underline, overline, line-through et blink. La sélection de none entraîne la désactivation de toutes les autres cases à cocher.
Autres éléments d'interface utilisateur
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.
Voir aussi
Working with CSS Overview
Bloc, boîtes de dialogue Nouveau style et Modifier le style
NIB: Color Picker Dialog Box
NIB: Font Picker Dialog Box