[résolu] Lettre supérieure en CSS

Bonjour, comment déclare t-on les supérieures (exposants) en CSS ?
Exemple : 1ère - 2e - No - Etc.
A +
Modifié par renato (14 Feb 2007 - 16:48)

Bonjour,

ce n'est pas en CSS mais en HTML que ça se fait (dans E=mc², l'exposant 2 n'est pas un effet de style mais fait bien partie de la signification de la formule, du contenu!)
L'élément pour l'exposant est sup, celui pour l'indice est sub.
Doc HTML
Modifié par Felipe (14 Feb 2007 - 16:15)

Ok, donc je le savais, je pensais qu'il y avait une syntaxe spécifique pour ce genre de demande.
Merci.

IL me semble que ça existe aussi en CSS : superscript et subscript sauf erreur.
Mais bon, dans le cas d'une formule, étant donné que ça fait partie intégrante du contenu, je te conseille également de le faire en HTML.

Salut

On peut positionner du texte à la hauteur d'un exposant en utilisant la propriété CSS vertical-align :

<p>Texte avec <span class="exposant">une partie en "exposant"</span>.</p>

span.exposant {
   vertical-align: [b]super[/b];
}

Cependant, comme l'ont souligné QuentinC et Felipe, on perd la valeur sémantique de la balise <sup>. A utiliser à des fins "décoratives", donc.

Rem: la propriété vertical-align n'a d'effet que sur les éléments de type en-ligne (span, img, ...) & les cellules de tableau.

Une autre différence est que cette méthode ne modifie pas du tout la taille du texte mis en exposant, contrairement à ce qui se passe en utilisant <sup>. L'impact sur l'interlignage est donc plus prononcé. Facile à adapter en jouant sur la taille de police dans le <span>
Modifié par Thomas D. (20 Feb 2007 - 18:28)