Retour à l'outil
*

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.

Générer un texte barré

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

ContexteMeilleure méthodePourquoi
Page HTML<del>, <s> ou CSSAccessibilité et contrôle du style
InstagramUnicodePas de format barré natif
Discord message~~texte~~Markdown natif en message
Discord pseudoUnicodeMarkdown non interprété
WhatsApp message~texte~Formatage natif
FacebookUnicodePas de Markdown barré fiable
Excel ou Google SheetsFormat de celluleMieux 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.