{"id":9118,"date":"2025-05-19T12:50:28","date_gmt":"2025-05-19T12:50:28","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=9118"},"modified":"2025-05-19T12:50:28","modified_gmt":"2025-05-19T12:50:28","password":"","slug":"comment-modifier-le-rayon-de-la-bordure-dun-bouton-dans-tableberg","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/fr\/docs\/how-to-change-the-border-radius-of-a-button-in-tableberg\/","title":{"rendered":"Comment modifier le rayon de la bordure d'un bouton dans Tableberg"},"content":{"rendered":"<p>Le rayon de la bordure des boutons dans WordPress peut \u00eatre modifi\u00e9 pour changer l'aspect de votre interface. Des changements subtils comme des coins plus doux peuvent rendre les actions plus accessibles, tandis que des bords plus nets cr\u00e9ent un aspect plus propre et plus structur\u00e9. Cette petite modification apporte souvent un meilleur \u00e9quilibre visuel et am\u00e9liore la fa\u00e7on dont les boutons apparaissent sur diff\u00e9rents appareils.<\/p>\n\n\n\n<p>Ce guide vous montre o\u00f9 trouver l'option de rayon de bordure et comment l'appliquer aux boutons de votre tableau. Suivez les \u00e9tapes ci-dessous pour commencer.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_7f81795d-5038-4871-8df0-76d8af1e1d6d\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 3px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"step-1-click-the-button-inside-the-table\"><strong>\u00c9tape 1 : Cliquer sur le bouton \u00e0 l'int\u00e9rieur du tableau<\/strong><\/h2>\n\n\n\n<p>Localisez le bouton que vous avez d\u00e9j\u00e0 ajout\u00e9 \u00e0 l'int\u00e9rieur d'une cellule du tableau. Cliquez directement sur le bouton pour s\u00e9lectionner l'\u00e9l\u00e9ment <strong>Bloc de boutons<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"374\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-1024x374.png\" alt=\"Cliquez sur le bouton \u00e0 l&#039;int\u00e9rieur du tableau\" class=\"wp-image-9119\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-1024x374.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-300x110.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-768x281.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-1536x561.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1.png 1721w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_7ec3d407-8b78-4d31-abbb-b63dcb816efb\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 3px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"step-2-open-the-block-settings-panel\"><strong>\u00c9tape 2 : Ouvrir le panneau des param\u00e8tres du bloc<\/strong><\/h2>\n\n\n\n<p>Une fois le bouton s\u00e9lectionn\u00e9, acc\u00e9dez \u00e0 la page <strong>barre lat\u00e9rale droite<\/strong> et passer \u00e0 la <strong>Styles<\/strong> pour acc\u00e9der aux options de personnalisation.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"421\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-5-1024x421.png\" alt=\"Ouvrir le panneau des param\u00e8tres du bloc\" class=\"wp-image-9120\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-5-1024x421.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-5-300x123.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-5-768x316.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-5-1536x631.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-5-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-5.png 1626w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_5ca4523d-a623-440b-a05c-a59fe292b983\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 3px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"step-3-scroll-to-the-border-radius-option\"><strong>\u00c9tape 3 : Faites d\u00e9filer l'\u00e9cran jusqu'\u00e0 l'option Rayon de la bordure<\/strong><\/h2>\n\n\n\n<p>Dans les param\u00e8tres du bloc, faites d\u00e9filer vers le bas jusqu'\u00e0 ce que vous trouviez le champ <strong>Fronti\u00e8re<\/strong> section.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"478\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-3-1024x478.png\" alt=\"Faites d\u00e9filer jusqu&#039;\u00e0 l&#039;option Rayon de la bordure\" class=\"wp-image-9121\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-3-1024x478.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-3-300x140.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-3-768x359.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-3-1536x717.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-3-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-3.png 1795w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_74d77cd0-ce7b-4c9b-860b-565c8bedba0f\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 3px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"step-4-adjust-the-border-radius\"><strong>\u00c9tape 4 : Ajuster le rayon de la bordure<\/strong><\/h2>\n\n\n\n<p>Cliquez sur le bouton <strong>+ ic\u00f4ne<\/strong> \u00e0 c\u00f4t\u00e9 de l'\u00e9tiquette de la bordure, s\u00e9lectionnez <strong>Rayon<\/strong>et utilisez le champ de saisie ou le curseur pour modifier la courbure des coins du bouton.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1406\" height=\"656\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/4-new.gif\" alt=\"Ajuster le rayon de la bordure\" class=\"wp-image-9122\" style=\"border-width:1px;border-radius:2px\"\/><\/figure>\n\n\n\n<p>Une fois que vous l'avez d\u00e9fini, le nouveau rayon de la bordure appara\u00eet imm\u00e9diatement sur le bouton. Et c'est ainsi que la forme de votre bouton est pr\u00eate \u00e0 correspondre au style que vous recherchez.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_e58cb678-10b9-465b-82ae-883f5615d155\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 3px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<p><strong>Conclusion<\/strong> <\/p>\n\n\n\n<p>C'est tout ce qu'il faut pour modifier la forme de vos boutons dans Tableberg. Que vous souhaitiez des angles vifs ou un aspect compl\u00e8tement arrondi, le param\u00e8tre de rayon de la bordure vous permet d'exercer un contr\u00f4le rapide sans avoir \u00e0 \u00e9crire une seule ligne de code. Essayez plusieurs valeurs et voyez ce qui correspond le mieux \u00e0 l'ambiance de votre tableau.<\/p>\n\n\n\n<p><a href=\"https:\/\/tableberg.com\/fr\/documents\/comment-changer-la-couleur-du-bouton-dans-tableberg\/\">Comment changer la couleur des boutons dans Tableberg<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>The border radius of buttons in WordPress can be modified to shift how your interface feels. Subtle changes like softer corners can make actions feel more approachable, while sharper edges create a cleaner and more structured look. This small tweak often brings better visual balance and improves how buttons appear across different devices. This guide [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[127],"doc_tag":[],"class_list":["post-9118","docs","type-docs","status-publish","hentry","doc_category-styling-customization"],"year_month":"2026-04","word_count":281,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Moinul Islam","author_nicename":"marufmoinul27","author_url":"https:\/\/tableberg.com\/fr\/author\/marufmoinul27\/"},"doc_category_info":[{"term_name":"Styling &amp; Customization","term_url":"https:\/\/tableberg.com\/fr\/docs-category\/styling-customization\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/9118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=9118"}],"version-history":[{"count":10,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/9118\/revisions"}],"predecessor-version":[{"id":9243,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/9118\/revisions\/9243"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=9118"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/doc_category?post=9118"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=9118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}