CSS pour <sub> et <sup>
Question de Invité | 21/10/2023 à 17:58
Je connais les balises HTML <sub> et <sup> pour approfondir ou mettre en hauteur un texte en HTML.
Mais quel est le CSS pour cela? Existe-t-il également certaines règles CSS pour pouvoir placer un texte vers le haut ou vers le bas par rapport à la ligne de base normale du texte? Est-ce que quelqu'un en sait plus?
Sujets Connexes
CSS: Comment inclure CSS dans HTML
Tutoriel | 0 Commentaires
Exemples de Réactions Exothermiques et Endothermiques
Info | 0 Commentaires
CSS: Pourquoi DarkGray est-il plus lumineux que Gray?
Info | 0 Commentaires
MySQL: Sauts de Ligne dans MySQL
Conseil | 0 Commentaires
Script Batch: Arrêter Ordinateur Windows
Tutoriel | 4 Commentaires
HTML/CSS: Aligner Colonne de Table entière à droite ou centrée
Question | 3 Réponses
CSS: "align:center" et "align:right" ne fonctionnent pas
Question | 1 Réponse
Avis Important
Veuillez noter: Les contributions publiées sur askingbox.com sont des contributions d’utilisateurs et ne doivent pas remplacer les conseils d’un professionnel. Ils ne sont pas vérifiés par des indépendants et ne reflètent pas nécessairement l’opinion de askingbox.com. Apprendre encore plus.
Participer
Posez votre propre question ou écrivez votre propre article sur askingbox.com. Voici comment.
Avec CSS, vous pouvez décider vous-même à quelle hauteur un texte doit être placé haut ou bas.
Par exemple, vous pouvez utiliser les règles suivantes pour cela:
Pour sub comme pour sup, nous réduisons la taille de la police afin que le texte supérieur ou inférieur apparaisse un peu plus petit. De plus, il est important d'utiliser "position: relative", "line-height: 0" et "vertical-align: baseline" qui garantit que le texte sera écrit par rapport à l'autre texte et n'interférera pas avec les autres lignes.
Enfin, nous réglons sup et sub avec top et bottom à leur position supérieure ou inférieure.
PS: En écrivant ici directement sup et sub au lieu des classes .suptext et .subtext, vous pouvez directement influencer l'apparence des balises <sub> et <sup>.
21/10/2023 à 20:28
Vous pouvez également définir "super" ou "sub" dans votre CSS comme valeur de "vertical-align" et définir le texte haut ou bas avec cela.
Certains navigateurs traduisent même les balises <sup> et <sub> normales dans ce CSS en interne.
Si des problèmes surviennent avec les relations entre les lignes, vous pouvez également définir la hauteur de la ligne (line-height) sur 0, comme dans l'exemple précédent.
23/10/2023 à 20:40
Généralement, je ne suis pas un ami de la réalisation des balises HTML sub et sup avec CSS. Enfin, sub et sup sont des balises qui ont une signification particulière tel que h1, h2 ou p.
C'est pourquoi je préfère utiliser et préférer les vraies balises <sub> et <sup> dans le code source HTML et ne modifier l'apparence des balises avec CSS que si nécessaire, avec quelque chose comme sub {font-size: ...} et ainsi de suite.
27/10/2023 à 21:07