{"id":148554,"date":"2025-05-19T15:53:54","date_gmt":"2025-05-19T12:53:54","guid":{"rendered":"https:\/\/elementor.com\/help\/onglet-style-effets\/"},"modified":"2025-05-19T15:53:54","modified_gmt":"2025-05-19T12:53:54","slug":"onglet-style-effets","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/","title":{"rendered":"Onglet Style – Effets"},"content":{"rendered":"\n

[callout title=\u00a0\u00bbQui peut utiliser cette fonctionnalit\u00e9 :\u00a0\u00bb]Cet article est destin\u00e9 aux utilisateurs de l’\u00c9diteur v4. Si vous utilisez l’\u00c9diteur v3, consultez l’article correspondant ici : Onglet avanc\u00e9<\/a> [\/callout]<\/p>\n\n\n\n

<\/p>\n\n\n\n

L’ajout d’une ombre port\u00e9e \u00e0 votre \u00e9l\u00e9ment peut lui donner de la profondeur et lui permettre de se d\u00e9marquer sur la page. Pour un aper\u00e7u plus approfondi des ombres, consultez Qu’est-ce que l’ombre, l’ombre du texte et l’ombre port\u00e9e ?<\/a> <\/p>\n\n\n\n

Ajouter une ombre port\u00e9e \u00e0 un \u00e9l\u00e9ment<\/h2>\n\n\n\n

Pour ajouter une bordure<\/strong> : <\/p>\n\n\n\n

    \n
  1. Ouvrez l’\u00e9diteur elementor.<\/li>\n\n\n\n
  2. Ajouter un \u00e9l\u00e9ment au canevas.
    \"\"<\/li>\n\n\n\n
  3. Cliquez sur l’onglet Style<\/strong>.
    \"\"<\/li>\n\n\n\n
  4. Ouvrez le champ Effets<\/strong>.
    \"\" <\/li>\n\n\n\n
  5. Pour ajouter une ombre, cliquez sur le signe plus \u00e0 c\u00f4t\u00e9 de Ombre port\u00e9e<\/strong>.
    \"\"<\/li>\n\n\n\n
  6. Vous disposez alors des options suivantes :\n
      \n
    1. Couleur<\/strong> : D\u00e9finissez une couleur pour l’ombre. Pour plus de d\u00e9tails, consultez Utiliser le s\u00e9lecteur de couleurs<\/a>.  <\/li>\n\n\n\n
    2. Position<\/strong> : Il existe deux types d’ombre port\u00e9e :\n
        \n
      1. Externe<\/strong> : l’ombre commence \u00e0 la bordure de l’\u00e9l\u00e9ment et s’\u00e9tend vers l’ext\u00e9rieur.<\/li>\n\n\n\n
      2. Interne<\/strong> : L’ombre commence \u00e0 la bordure de l’\u00e9l\u00e9ment et s’\u00e9tend vers l’int\u00e9rieur.<\/li>\n<\/ol>\n<\/li>\n\n\n\n
      3. Horizontal<\/strong> et Vertical<\/strong> : Vous pouvez obtenir des effets int\u00e9ressants en modifiant la position de l’ombre. Utilisez les champs num\u00e9riques pour d\u00e9placer l’ombre vers la droite et la gauche (Horizontal<\/strong>) ou vers le haut et le bas (Vertical<\/strong>). <\/li>\n\n\n\n
      4. Flou<\/strong> et \u00c9tendue<\/strong> : L’effet d’ombre est cr\u00e9\u00e9 en partant d’une couleur unie puis en appliquant progressivement un flou \u00e0 la couleur.\n
          \n
        1. Flou<\/strong> : \u00c9tend la zone couverte par la couleur floue.<\/li>\n\n\n\n
        2. \u00c9tendue<\/strong> : \u00c9tend la zone couverte par la couleur unie. <\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n\n\n\n

          Ajouter des couches \u00e0 votre ombre port\u00e9e<\/h3>\n\n\n\n

          Apr\u00e8s avoir cr\u00e9\u00e9 une ombre port\u00e9e, vous pouvez ajouter plus de profondeur ou cr\u00e9er des effets uniques en ajoutant plus de couches \u00e0 l’ombre. <\/p>\n\n\n\n

          Pour ajouter une couche \u00e0 une ombre port\u00e9e<\/strong> :<\/p>\n\n\n\n

            \n
          1. S\u00e9lectionnez un \u00e9l\u00e9ment avec une ombre port\u00e9e et ouvrez le champ Effets<\/strong>.
            \"\"<\/li>\n\n\n\n
          2. Cliquez sur le signe plus \u00e0 c\u00f4t\u00e9 d’Ombre port\u00e9e<\/strong>.
            La fen\u00eatre des options d’ombre port\u00e9e appara\u00eet.
            \"\"<\/li>\n\n\n\n
          3. D\u00e9finissez les options d’ombre port\u00e9e et cliquez en dehors de la fen\u00eatre pour la fermer.
            Vous avez cr\u00e9\u00e9 une deuxi\u00e8me couche d’ombre port\u00e9e.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

            [callout title=\u00a0\u00bbQui peut utiliser cette fonctionnalit\u00e9 :\u00a0\u00bb]Cet article est destin\u00e9 aux utilisateurs de l’\u00c9diteur v4. Si vous utilisez l’\u00c9diteur v3, consultez l’article correspondant ici : Onglet avanc\u00e9 [\/callout] L’ajout d’une ombre port\u00e9e \u00e0 votre \u00e9l\u00e9ment peut lui donner de la profondeur et lui permettre de se d\u00e9marquer sur la page. Pour un aper\u00e7u plus approfondi […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1624],"tags":[1694],"class_list":["post-148554","post","type-post","status-publish","format-standard","hentry","category-style-tab-fr","tag-v4-fr"],"acf":[],"yoast_head":"\nOnglet Style - Effets | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Onglet Style - Effets in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Onglet Style - Effets | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Onglet Style - Effets in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-19T12:53:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-30.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1227\" \/>\n\t<meta property=\"og:image:height\" content=\"715\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Onglet Style – Effets\",\"datePublished\":\"2025-05-19T12:53:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/\"},\"wordCount\":396,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-30.png\",\"keywords\":[\"V4\"],\"articleSection\":[\"Style tab\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/\",\"url\":\"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/\",\"name\":\"Onglet Style - Effets | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-30.png\",\"datePublished\":\"2025-05-19T12:53:54+00:00\",\"description\":\"Learn everything about Onglet Style - Effets in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-30.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-30.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Editor V4\",\"item\":\"https:\/\/elementor.com\/help\/fr\/v4-editor-fr\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Style tab\",\"item\":\"https:\/\/elementor.com\/help\/fr\/v4-editor-fr\/style-tab-fr\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Onglet Style – Effets\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/#website\",\"url\":\"https:\/\/elementor.com\/help\/fr\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/fr\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/elementor.com\/help\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Onglet Style - Effets | Elementor","description":"Learn everything about Onglet Style - Effets in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/","og_locale":"fr_FR","og_type":"article","og_title":"Onglet Style - Effets | Elementor","og_description":"Learn everything about Onglet Style - Effets in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/","og_site_name":"Help","article_published_time":"2025-05-19T12:53:54+00:00","og_image":[{"width":1227,"height":715,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-30.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Cliff Churgin","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/fr\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Onglet Style – Effets","datePublished":"2025-05-19T12:53:54+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/"},"wordCount":396,"publisher":{"@id":"https:\/\/elementor.com\/help\/fr\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-30.png","keywords":["V4"],"articleSection":["Style tab"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/","url":"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/","name":"Onglet Style - Effets | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-30.png","datePublished":"2025-05-19T12:53:54+00:00","description":"Learn everything about Onglet Style - Effets in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-30.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-30.png"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/fr\/onglet-style-effets\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/fr\/"},{"@type":"ListItem","position":2,"name":"Editor V4","item":"https:\/\/elementor.com\/help\/fr\/v4-editor-fr\/"},{"@type":"ListItem","position":3,"name":"Style tab","item":"https:\/\/elementor.com\/help\/fr\/v4-editor-fr\/style-tab-fr\/"},{"@type":"ListItem","position":4,"name":"Onglet Style – Effets"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/fr\/#website","url":"https:\/\/elementor.com\/help\/fr\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/fr\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/elementor.com\/help\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/fr\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/fr\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/elementor.com\/help\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/posts\/148554","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/comments?post=148554"}],"version-history":[{"count":0,"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/posts\/148554\/revisions"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/media?parent=148554"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/categories?post=148554"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/fr\/wp-json\/wp\/v2\/tags?post=148554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}