Tag HTML <nobr>
Le tag <nobr> indique au navigateur, que le texte qui y figure doit être affiché sur une ligne sans transfert. Comme tout le texte est affiché par une ligne, une barre de défilement horizontale apparaît.
Ce tag a été utilisé avec le tag <wbr>, qui spécifie où dans un texte il ajouterait un saut de ligne. Contrairement au tag <br>, le tag <wbr> effectue un saut de ligne uniquement lorsque la ligne en cours a déjà été étendue au-delà des marges de la fenêtre d'affichage du navigateur.
Le tag <nobr> est un élément non standard et n’est pas inclus dans la spécification de HTML․ Au lieu de cela on recommande d’utiliser la propriété CSS white-space.
Syntaxe
Le tag <nobr> est apparié; le tag fermant (</nobr>) est requis.
Exemple
<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
</head>
<body>
<nobr>
Ceci est un texte ordinaire et très long qui est très peu pratique à lire, car il est écrit sur une ligne et vous devez faire défiler horizontalement pour le lire.
</nobr>
</body>
</html>Résultat
Exemple
<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
<style>
p.a {
white-space: nowrap;
}
</style>
</head>
<body>
<h1>Exemple d'utilisation de la propriété CSS white-space</h1>
<p class="a">
Ceci est un texte ordinaire et très long qui est très peu pratique à lire, car il est écrit sur une ligne et vous devez faire défiler horizontalement pour le lire.
</p>
</body>
</html>Résultat
Attributs
Le tag <nobr> supporte les Attributs globaux et les Attributs d'événements.
Comment styler le tag HTML <nobr> ?
Propriétés communes pour modifier le poids visuel/emphase/taille du texte dans le tag <nobr>:
- La propriété CSS font-style définit le style de la police: normal | italic | oblique | initial | inherit
- La propriété CSS font-family spécifie une liste priorisée d’un ou plusieurs noms de famille de police et/ou noms de famille génériques pour l’élément sélectionné.
- La propriété CSS font-size définit la taille de la police.
- La propriété CSS font-weight définit si la police doit être en gras ou épaisse.
- La propriété CSS text-transform contrôle le cas de texte et la capitalisation.
- La propriété CSS text-decoration spécifie la décoration ajoutée au texte, et est une propriété raccourcie pour les propriétés CSS text-decoration-line, text-decoration-color, text-decoration-style.
Coloration du texte dans le tag HTML <nobr>:
- La propriété CSS color décrit la couleur du contenu et les décorations du texte.
- La propriété CSS background-color définit la couleur de fond d’un élément.
Styles de mise en page du texte pour la tag HTML <nobr>:
- La propriété CSS text-indent spécifie l’indentation de la première ligne dans un bloc de texte.
- La propriété CSS text-overflow spécifie comment le contenu qui n’est pas affiché doit être signalé à l’utilisateur.
- La propriété CSS white-space spécifie comment l’espace blanc à l’intérieur d’un élément est géré.
- La propriété CSS word-break spécifie où les lignes doivent être cassées.
Autres propriétés utiles pour le tag HTML <nobr>:
- La propriété CSS text-shadow ajoute des ombres au texte.
- La propriété CSS text-align-last définit l’alignement de la dernière ligne du texte.
- La propriété CSS line-height spécifie la hauteur d’une ligne.
- La propriété CSS letter-spacing définit les espaces entre les lettres/caractères d’un texte.
- La propriété CSS word-spacing permet de définir l’espacement entre les mots.
Support de Navigateurs
|
|
|
|
|
|---|---|---|---|---|
| ✕ | ✕ | ✕ | ✕ | ✕ |
Pratiquez vos connaissances
Quelles sont les caractéristiques et utilisations du tag <nobr> en HTML ?
Correcte!
Incorrecte!