Texte, boîte de dialogue Générateur de styles

Article
08/21/2008

Mise à jour : novembre 2007

La page Texte de la boîte de dialogue Générateur de styles vous permet de définir les attributs de positionnement du texte d'une feuille de style en cascade (CSS). Vous pouvez appliquer ces attributs directement aux éléments HTML ou les ajouter aux règles de style CSS.

Pour appliquer des attributs de positionnement du texte directement au texte à l'intérieur des éléments HTML de votre page

Ouvrez votre document HTML en mode Design dans le Concepteur HTML et sélectionnez le texte à mettre en forme.
Cliquez sur Style dans le menu Format pour ouvrir la boîte de dialogue Générateur de styles.
Sélectionnez Texte dans le volet gauche de la boîte de dialogue Générateur de styles.

La boîte de dialogue Texte, Générateur de styles apparaît dans le volet droit.

Si vous appliquez des styles à un texte sélectionné en mode Design, les attributs de style CSS sont insérés en ligne dans le code HTML de votre page. Passez en mode HTML afin de vérifier les nouveaux attributs de style qui ont été insérés.

Pour ajouter des attributs de texte à une règle de style CSS définie dans une feuille de style externe

Ouvrez une feuille de style externe existante et placez le point d'insertion entre les accolades ({ }) qui suivent le sélecteur du style souhaité.
Cliquez sur Générer un style dans le menu Styles pour ouvrir la boîte de dialogue Générateur de styles.
Sélectionnez Texte dans le volet gauche de la boîte de dialogue Générateur de styles.

La boîte de dialogue Texte, Générateur de styles apparaît dans le volet droit.

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 disponible lorsque vous placez le point d'insertion entre les accolades qui suivent le sélecteur d'une règle de style.

Une classe de style CSS définie dans une feuille de style externe peut être appliquée à un élément compris dans l'élément <BODY> d'une page Web (ici, également dans l'élément <BODY> lui-même) en assignant le sélecteur de style CSS à l'élément en tant que propriété CLASS.

Les options disponibles dans la page Texte du Générateur de styles sont les suivantes.

Tâches

Éléments d'interface

Alignement

Remarque :
Pour les options d'alignement suivantes, si vous sélectionnez <Non défini>, aucun code n'est ajouté au style.

Horizontal
Définit la valeur de l'attribut TEXT-ALIGN pour le texte mis en forme dans le style. Sélectionnez < Non défini > (aucune option choisie), Gauche, Centre, Droit ou Justifié. Par exemple, si vous choisissez Gauche, le balisage CSS suivant est inséré :

TEXT-ALIGN:left

Remarque :

Les valeurs Letters et Lines que vous définissez ci-dessous sont ajustées par rapport à l'attribut Justifié.
Vertical
Définit la valeur de l'attribut VERTICAL-ALIGN pour le texte mis en forme dans le style. Sélectionnez < Non défini > (aucune option choisie), Mettre le texte en indice ou Mettre le texte en exposant. Par exemple, si vous choisissez Mettre le texte en indice, le balisage CSS suivant est inséré :

VERTICAL-ALIGN:sub
Justification
Définit la valeur de l'attribut TEXT-JUSTIFY pour le texte mis en forme dans le style. Sélectionnez < Non défini > (aucune option choisie), Automatique, Espacer les mots, Style journal, Distribuer l'espacement ou Distribuer toutes les lignes. Par exemple, si vous choisissez Style journal, le balisage CSS suivant est inséré :

TEXT-JUSTIFY:newspaper

Remarque :

Les attributs de justification ne sont disponibles que si vous sélectionnez Justifié en valeur horizontale.

Remarque :
Les valeurs Letters et Lines que vous définissez ci-dessous sont ajustées par rapport à l'attribut Justifié.

Remarque :
Les attributs de justification ne sont disponibles que si vous sélectionnez Justifié en valeur horizontale.

Espacement entre

Ces options définissent l'espacement entre les lettres et l'espacement vertical entre les lignes d'un texte mis en forme dans ce style.

Lettres
Définit la valeur de l'espacement horizontal entre les lettres d'un texte mis en forme dans ce style. Sélectionnez < Non défini > (aucune option choisie), Normal ou Personnalisé. Si vous sélectionnez Personnalisé, les champs à droite de Personnalisé sont disponibles. Entrez dans le champ numérique une valeur comprise entre 1 et 512 et choisissez une option d'unité (px, pt, pc, mm, cm, in, em ou ex). La valeur que vous définissez sera peut-être ajustée par rapport à l'attribut HORIZONTAL-JUSTIFIED. L'option d'unité par défaut est pt. Par exemple, si vous choisissez Personnalisé, entrez 5 dans le champ numérique, puis acceptez l'option d'unité par défaut. Le balisage CSS suivant est alors inséré :

LETTER-SPACING:5pt
Lignes
Définit la valeur de l'espacement vertical entre les lignes d'un texte mis en forme dans ce style. Sélectionnez < Non défini > (aucune option choisie), Normal ou Personnalisé. Si vous sélectionnez Personnalisé, les champs à droite de Personnalisé sont disponibles. Entrez dans le champ numérique une valeur comprise entre 1 et 512 et choisissez une option d'unité (px, pt, pc, mm, cm, in, em, ex ou %). L'option d'unité par défaut est pt. Par exemple, si vous choisissez Personnalisé, entrez 5 dans le champ numérique, puis acceptez l'option d'unité par défaut. Le balisage CSS suivant est alors inséré :

LINE-HEIGHT:5pt

Remarque :

L'attribut HORIZONTAL-JUSTIFIED modifie également l'espacement vertical des lignes.

Remarque :
L'attribut HORIZONTAL-JUSTIFIED modifie également l'espacement vertical des lignes.

Enchaînement

Mise en retrait
Définit la valeur de l'attribut TEXT-INDENT pour le texte mis en forme dans le style. Entrez dans le champ numérique une valeur comprise entre 1 et 512 et choisissez une option d'unité (px, pt, pc, mm, cm, in, em, ex ou %). L'option d'unité par défaut est pt. Par exemple, si vous entrez 5 dans le champ numérique, puis acceptez l'option d'unité par défaut, le balisage CSS suivant est inséré :

TEXT-INDENT:5pt
Orientation du texte
Définit la valeur de l'attribut DIRECTION pour le texte mis en forme dans le style. Sélectionnez <Non défini> (aucune option choisie), De gauche à droite ou De droite à gauche. Par exemple, si vous choisissez De gauche à droite, le balisage CSS suivant est inséré :

DIRECTION:ltr

Remarque :

Lorsque l'attribut possède la valeur <Non défini>, aucun code n'est ajouté au style.