Les bordures d'angles et de cadres construisent une véritable boîte autour du texte à l'aide d'angles de tracé de cadres ╔ ╗ ╚ ╝ ┌ ┐ └ ┘ ╭ ╮ ╰ ╯ et de leurs lignes de liaison. Au lieu d'une simple règle, vous obtenez un bord supérieur et un bord inférieur, parfois avec un glyphe décoratif inséré dans la ligne, si bien que votre texte se retrouve encadré comme une plaque ou un bloc de code. Ce rendu structuré convient aux en-têtes, aux sections à mettre en avant et à tout ce que vous voulez donner l'impression d'enfermer. Chaque caractère est en Unicode standard, il n'y a donc aucune police ni application à installer ; vous touchez un morceau, le copiez et le collez au-dessus et en dessous de votre texte. On les utilise dans les embeds et en-têtes de salons Discord, les bios Instagram, les pages Tumblr et carrd, les blocs de code et les notes. Un ╔═══════ ✧ ═══════╗ au-dessus d'une ligne et son ╚═══════ ✧ ═══════╝ assorti en dessous encadrent un titre proprement.
22 Corner & Frame Borders à copier
Angles, bords et cadres arrondis
Ils proviennent de l'ensemble de tracé de cadres d'Unicode. Les angles doubles pointus ╔ ╗ ╚ ╝ s'associent à ═ pour une plaque marquée, les angles simples pointus ┌ ┐ └ ┘ à ─ pour une boîte plus légère, et les angles arrondis ╭ ╮ ╰ ╯ à ─ ou au pointillé ┈ pour un cadre plus doux. Les angles épais ┏ ┓ ┗ ┛ rejoignent ━ pour un contour épais. Vous pouvez insérer un ornement, comme dans ╔═.✾.══════════╗, pour décorer le bord. Tout cela est du texte Unicode standard, donc cela s'assemble en angles nets et se colle partout, même si le cadre ne s'aligne que lorsque les morceaux du haut et du bas ont la même largeur.
Encadrer en-têtes et sections
Le principe est une paire : collez le morceau d'angle du haut au-dessus de votre texte et le morceau du bas assorti en dessous, avec vos mots sur la ligne entre les deux. Sur Discord, ╔═══════ ✧ ═══════╗ au-dessus d'un titre de règles et ╚═══════ ✧ ═══════╝ en dessous crée un en-tête encadré net. Un ╭───────────────╮ arrondi et ╰───────────────╯ conviennent à un about-me plus doux. Dans une bio Instagram, le cadre fonctionne mieux autour d'une seule ligne courte, puisque la boîte n'a l'air carrée que lorsque le texte rentre dedans. Dans les notes ou les blocs de code, une paire ┌─────────────┐ et └─────────────┘ met proprement en boîte un encadré.
Frequently Asked Questions
Pourquoi le haut et le bas de mon cadre ne s'alignent-ils pas ?▼
Une boîte n'a l'air carrée que lorsque le morceau d'angle du haut et celui du bas contiennent le même nombre de caractères de ligne. Si un bord est plus long, les angles ne s'aligneront pas. Copiez une paire assortie et, si besoin, ajoutez ou retirez des caractères de ligne d'un bord pour que les deux aient la même largeur.
Où les bordures d'angles et de cadres fonctionnent-elles le mieux ?▼
Elles brillent dans les zones de texte plus larges comme les messages Discord, les blocs de code et les notes, où la boîte entière tient à l'écran. Dans les champs étroits comme une bio Instagram, elles ne fonctionnent qu'autour d'un texte court, car le cadre a besoin d'assez de largeur pour rester carré plutôt que de se replier et de casser les angles.
Pourquoi mon cadre se disloque-t-il sur un téléphone ?▼
Sur les écrans étroits, le champ peut être plus fin que la largeur du cadre, si bien qu'un long bord passe à une deuxième ligne et que la boîte se sépare. Utilisez un cadre plus court, réduisez le nombre de caractères de ligne entre les angles, ou consultez-le dans une application avec une zone de texte plus large pour garder la boîte intacte.
