Texte rayé - HTML - CSS - Unicode - réseaux sociaux
Texte rayé ou barré : le guide complet
Mis à jour : mai 2026
On parle de texte barré, texte rayé, écriture barrée ou texte avec une ligne au milieu. Le bon moyen de le produire dépend du contexte : page web, document, tableur, réseau social ou champ texte sans mise en forme.
Gratuit - Unicode - Copier-coller - Sans inscription
Trois familles de méthodes
La première méthode est sémantique : en HTML, <del> indique un contenu supprimé et <s> indique un contenu qui n’est plus exact. Ces balises ont un sens pour les navigateurs, les lecteurs d’écran et les outils d’analyse. Elles conviennent aux pages web, articles, documentations et historiques de modification.
La deuxième méthode est visuelle : CSS permet d’appliquer text-decoration: line-through. C’est utile quand le barré est purement décoratif ou contrôlé par une classe, par exemple sur une carte produit avec un ancien prix.
La troisième méthode est Unicode : le générateur ajoute un caractère combinant après chaque lettre. C’est la seule méthode qui fonctionne dans les champs texte ordinaires comme Instagram, Discord, Twitter/X, WhatsApp, Facebook ou un pseudo.
Texte rayé en HTML et CSS
Sur une page web, ne remplacez pas automatiquement HTML par Unicode. Si le contenu a une valeur éditoriale, <del> est meilleur. Exemple : une phrase supprimée dans une mise à jour d’article doit être marquée comme suppression. Si vous affichez un prix ancien sur une fiche produit, <s> ou une classe CSS dédiée peut être plus propre et plus accessible.
<del>ancienne phrase</del>
<s>ancien prix 99 €</s>
.prix-ancien { text-decoration: line-through; }Ces méthodes ne se copient pas dans une bio Instagram ou un commentaire Facebook. Elles exigent un contexte qui rend HTML ou CSS.
Texte rayé Unicode pour copier-coller
Le texte rayé Unicode est fait pour les endroits où vous ne contrôlez pas le HTML. L’outil crée une chaîne que vous pouvez coller telle quelle. Elle reste du texte brut, mais le rendu visuel montre une barre. C’est pourquoi les recherches « générateur texte rayé », « barrer un texte en ligne », « texte barré copier coller » et « écriture rayée » mènent souvent vers ce type d’outil.
Le principal avantage est la compatibilité sociale. Le principal inconvénient est l’absence de sémantique : un lecteur d’écran ou un moteur de recherche ne comprend pas forcément que le texte est annulé ou supprimé.
Compatibilité rapide
| Contexte | Meilleure méthode | Pourquoi |
|---|---|---|
| Page HTML | <del>, <s> ou CSS | Accessibilité et contrôle du style |
| Unicode | Pas de format barré natif | |
| Discord message | ~~texte~~ | Markdown natif en message |
| Discord pseudo | Unicode | Markdown non interprété |
| WhatsApp message | ~texte~ | Formatage natif |
| Unicode | Pas de Markdown barré fiable | |
| Excel ou Google Sheets | Format de cellule | Mieux pour les données, Unicode possible pour copie brute |
Cas d’usage fréquents
Le texte rayé est souvent utilisé pour les corrections visibles : une date modifiée, une idée remplacée, une ancienne option ou un prix barré. Il sert aussi à l’ironie sur les réseaux sociaux, par exemple pour barrer une pensée que l’on laisse volontairement lisible. Dans une to-do list informelle, il indique les tâches terminées sans supprimer l’historique.
Pour des usages professionnels, gardez un équilibre. Le barré attire l’attention, mais il ne doit pas remplacer une explication claire. Sur une page de vente, écrivez le prix normal, l’ancien prix et les conditions. Dans un document, utilisez les fonctions de révision si la trace de modification est importante.
Choisir le bon style
La ligne simple est la plus universelle. La double ligne donne un effet plus marqué, mais elle peut devenir lourde sur mobile. La barre diagonale évoque davantage une interdiction ou un rejet. Le style ondulé est décoratif et dépend beaucoup de la police. Pour une intention SEO ou une page de ressource, expliquez ces différences plutôt que de multiplier les mots clés sans contexte.
Questions fréquentes
Quelle différence entre texte rayé et texte barré ?
Dans l’usage courant, les deux expressions désignent le même effet : une ligne traverse le texte. « Texte barré » est souvent utilisé pour les outils, « texte rayé » pour les guides et demandes générales.
Dois-je utiliser Unicode sur une page web ?
Pas si vous contrôlez le HTML. Utilisez plutôt <del>, <s> ou CSS. Unicode est surtout utile pour les champs texte qui n’acceptent pas HTML.
Le texte rayé est-il accessible ?
Il peut ne pas être annoncé comme barré par les lecteurs d’écran. Si le sens est important, ajoutez une explication textuelle.