{"id":2048,"date":"2025-02-19T04:48:06","date_gmt":"2025-02-19T04:48:06","guid":{"rendered":"https:\/\/tableberg.com\/?p=2048"},"modified":"2025-02-19T04:48:10","modified_gmt":"2025-02-19T04:48:10","slug":"comment-changer-la-couleur-de-la-bordure-dun-tableau-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-change-table-border-color-in-wordpress\/","title":{"rendered":"Comment changer la couleur de la bordure du tableau dans WordPress"},"content":{"rendered":"<p>Table borders refer to the lines that surround and separate the cells within a table. By default, WordPress adds a standard border color to the tables. But depending on your web design, you may want to change your table border color.<\/p>\n\n\n\n<p>But how to change it? To help you out, in this blog post we\u2019ll show you two easy methods of how to change the table border color in WordPress.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>M\u00e9thode 1 : <a href=\"#Changing-the-Border-Color-of-the-default-Table-Block\">Modifier la couleur de la bordure du bloc de tableau par d\u00e9faut<\/a><\/li>\n\n\n\n<li>M\u00e9thode 2 : <a href=\"#Changing-the-Border-Color-of-the-Tableberg-Block\">Modifier la couleur de la bordure du bloc Tableberg<\/a><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Cr\u00e9er de belles tables <\/strong><br><strong>Avec l'\u00e9diteur de blocs<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Essai gratuit<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/fr\/la-tarification\/\" target=\"_blank\" rel=\"noreferrer noopener\">Obtenir un Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Changing-the-Border-Color-of-the-default-Table-Block\">M\u00e9thode 1 : Modifier la couleur de la bordure du bloc de tableau par d\u00e9faut<\/h2>\n\n\n\n<p>Les <a href=\"https:\/\/tableberg.com\/fr\/comment-utiliser-le-bloc-de-table-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">par d\u00e9faut Bloc de tableaux<\/a> vous permet de modifier la couleur de la bordure du tableau. Voici comment proc\u00e9der.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 01: Select the Table and Go to the Styles Tab<\/h3>\n\n\n\n<p>Placez votre curseur n'importe o\u00f9 sur la table. Puis allez \u00e0 la page <strong>Onglet Styles<\/strong> dans le panneau d'options de droite.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-Table-and-Go-to-the-Styles-Tab.webp\" alt=\"Select the Table and Go to the Styles Tab\" class=\"wp-image-2057\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-Table-and-Go-to-the-Styles-Tab.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-Table-and-Go-to-the-Styles-Tab-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-Table-and-Go-to-the-Styles-Tab-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-Table-and-Go-to-the-Styles-Tab-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-Table-and-Go-to-the-Styles-Tab-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 02: Come to the Border Option and Change Its Color<\/h3>\n\n\n\n<p><strong>Come to the Border option<\/strong> by scrolling down the Styles tab. <strong>Click the circle<\/strong> under the border option. You\u2019ll be able to set a color for the surrounding border of the table.<\/p>\n\n\n\n<p><strong>Remarque :<\/strong> The Table block doesn\u2019t allow you to change the inner border color.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Come-to-the-Border-Option-and-Change-Its-Color.webp\" alt=\"Come to the Border Option and Change Its Color\" class=\"wp-image-2058\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Come-to-the-Border-Option-and-Change-Its-Color.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Come-to-the-Border-Option-and-Change-Its-Color-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Come-to-the-Border-Option-and-Change-Its-Color-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Come-to-the-Border-Option-and-Change-Its-Color-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Come-to-the-Border-Option-and-Change-Its-Color-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_996daf4d-0dc4-433a-aa08-085348617025\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Changing-the-Border-Color-of-the-Tableberg-Block\">M\u00e9thode 2 : Modification de la couleur de la bordure du bloc Tableberg<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tableberg<\/a> is a block-based table-builder plugin. With this plugin, you can change the color of both internal and external borders of your tables. Here\u2019s a guide on <a href=\"https:\/\/tableberg.com\/fr\/documents\/comment-creer-votre-premier-tableau-avec-tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment cr\u00e9er un tableau avec TableBerg<\/a>.<\/p>\n\n\n\n<p>Voyons maintenant comment modifier la couleur de la bordure du bloc Tableberg. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 01: Select the Table and Go to Styles Tab<\/h3>\n\n\n\n<p>S\u00e9lectionnez l'ensemble du tableau en <strong>en cliquant sur l'ic\u00f4ne TableBerg<\/strong> (1) dans la barre d'outils. Acc\u00e9dez \u00e0 la page <strong>Onglet Styles<\/strong> (2) apr\u00e8s cela.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2426\" height=\"960\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block.png\" alt=\"\" class=\"wp-image-3870\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block.png 2426w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block-300x119.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block-1024x405.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block-768x304.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block-1536x608.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block-2048x810.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block-18x7.png 18w\" sizes=\"auto, (max-width: 2426px) 100vw, 2426px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 02: Find the Table Border Options<\/h3>\n\n\n\n<p>En faisant d\u00e9filer l'onglet, vous arriverez aux options de bordure du tableau. Vous trouverez deux options - Bordure du tableau et Bordure int\u00e9rieure.<\/p>\n\n\n\n<p>La premi\u00e8re option permet de modifier la couleur de la bordure du tableau. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2414\" height=\"1160\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block.png\" alt=\"\" class=\"wp-image-3871\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block.png 2414w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block-300x144.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block-1024x492.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block-768x369.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block-1536x738.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block-2048x984.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block-18x9.png 18w\" sizes=\"auto, (max-width: 2414px) 100vw, 2414px\" \/><\/figure>\n\n\n\n<p>Passez ensuite \u00e0 l'option Bordure int\u00e9rieure. D\u00e9finissez la couleur que vous souhaitez.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2432\" height=\"1546\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block.png\" alt=\"\" class=\"wp-image-3872\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block.png 2432w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block-300x191.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block-1024x651.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block-768x488.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block-1536x976.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block-2048x1302.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block-18x12.png 18w\" sizes=\"auto, (max-width: 2432px) 100vw, 2432px\" \/><\/figure>\n\n\n\n<p>Thus, you can change the table border color in WordPress.<\/p>\n\n\n\n<p><strong>Lire aussi : <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/fr\/documents\/comment-modifier-la-bordure-dune-colonne-individuelle-avec-une-couleur-et-un-rayon\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment modifier la bordure d'une colonne individuelle ?<\/a> <\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/fr\/documents\/comment-modifier-la-bordure-dune-ligne-individuelle\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment modifier la bordure d'une ligne individuelle ?<\/a><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_82f77efb-f59e-431a-93ca-cef686c57115\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusion<\/h3>\n\n\n\n<p>So, customizing the table border color is no longer difficult. Hopefully, by following this tutorial you will be able to change your table border color and add an extra touch of professionalism to your content and web design.<\/p>\n\n\n\n<p>Before leaving this post, explore this guide on <a href=\"https:\/\/tableberg.com\/fr\/comment-afficher-les-images-wordpress-en-colonnes-lignes\/\" target=\"_blank\" rel=\"noreferrer noopener\">how to add images to tables in WordPress<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Table borders refer to the lines that surround and separate the cells within a table. By default, WordPress adds a standard border color to the tables. But depending on your web design, you may want to change your table border color. But how to change it? To help you out, in this blog post we&#8217;ll [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2108,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[10,103,9],"class_list":["post-2048","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-customize-table","tag-table-border","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Table-Border-Color-in-WordPress.webp","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/fr\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/2048","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=2048"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/2048\/revisions"}],"predecessor-version":[{"id":7706,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/2048\/revisions\/7706"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/2108"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=2048"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=2048"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=2048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}