{"id":125134,"date":"2025-02-23T10:37:57","date_gmt":"2025-02-23T08:37:57","guid":{"rendered":"https:\/\/elementor.com\/blog\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/"},"modified":"2025-11-17T01:30:31","modified_gmt":"2025-11-16T23:30:31","slug":"hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/","title":{"rendered":"Hoe onderstreep je tekst in CSS? (CSS text-decoration eigenschap)"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

In deze uitgebreide gids gaan we de basis van tekst onderstrepen met CSS (Cascading Style Sheets) verkennen, kijken we naar aanpassingsmogelijkheden, en bespreken we best practices voor het effectief gebruiken van onderstrepingen. Of je nu een Elementor-gebruiker bent of gewoon ge\u00efnteresseerd in het stylen van je website, deze gids geeft je de tools om CSS-onderstrepingen onder de knie te krijgen.<\/span><\/p>\n

De basis van CSS-onderstreping<\/span><\/h2>\n

De basis voor het onderstrepen van tekst in CSS<\/a> ligt in de text-decoration eigenschap. Deze veelzijdige eigenschap laat je niet alleen onderstrepingen controleren, maar ook overlines, doorhalingen, en combinaties daarvan. Laten we ons richten op de kernwaarde die onderstrepingen cre\u00ebert:<\/span><\/p>\n

De ‘underline’ waarde<\/span><\/h3>\n

Om een basis onderstreping aan een tekstelement toe te voegen, gebruik je de volgende CSS-code:<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\tCSS\r\np {  \/* Targets paragraph elements *\/\r\n  text-decoration: underline;\r\n}\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d4e0ac0 elementor-widget elementor-widget-text-editor\" data-id=\"d4e0ac0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Deze simpele code snippet zal een onderstreping toepassen op alle &lt;p&gt; elementen (paragrafen) op je website. Je kunt verschillende elementen targeten door de selector (p in dit geval) te vervangen met de juiste HTML-tag:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>h1, h2, h3,<\/b><span style=\"font-weight: 400;\"> etc. voor koppen<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>span<\/b><span style=\"font-weight: 400;\"> voor specifieke tekstdelen binnen andere elementen<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>a<\/b><span style=\"font-weight: 400;\"> voor links<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Als je de Elementor website builder gebruikt, is het toepassen van onderstrepingen ongelooflijk intu\u00eftief. Binnen de Elementor editor selecteer je het tekstelement dat je wilt stylen, ga je naar het &#8220;Style&#8221; tabblad, en daar vind je de &#8220;Text Decoration&#8221; optie met &#8216;underline&#8217; direct beschikbaar.<\/span><\/p>\n<p><b>Specificiteit begrijpen:<\/b><span style=\"font-weight: 400;\"> Het is belangrijk om te weten dat CSS-regels cascaderen, wat betekent dat meer specifieke regels voorrang krijgen. Als je meerdere CSS-regels hebt die hetzelfde element targeten met conflicterende text-decoration waarden, wint de meest specifieke selector.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Specifieke elementen targeten <\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Hoewel je onderstrepingen breed kunt toepassen, wil je vaak selectiever zijn. Het gebruik van CSS-klassen en ID&#8217;s geeft je fijnmazige controle:<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">Klassen<\/span><\/h4>\n<ul>\n<li>HTML<\/li>\n<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aac7afb elementor-widget elementor-widget-code-highlight\" data-id=\"aac7afb\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp>HTML\r\n<p class=\"important-text\">This text will be underlined.<\/p>\r\n\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13c7d33 elementor-widget elementor-widget-text-editor\" data-id=\"13c7d33\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul>\n<li><span style=\"font-weight: 400;\">CSS<\/span><\/li>\n<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-584f8cb elementor-widget elementor-widget-code-highlight\" data-id=\"584f8cb\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-css line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-css\">\n\t\t\t\t\t<xmp>CSS\r\n.important-text {\r\n  text-decoration: underline;\r\n}<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2888a9c elementor-widget elementor-widget-text-editor\" data-id=\"2888a9c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">ID&#8217;s<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">HTML<\/span><\/li>\n<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ef1fff elementor-widget elementor-widget-code-highlight\" data-id=\"4ef1fff\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp>HTML\r\n<h2 id=\"section-title\">This heading is underlined.<\/h2>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34fe70a elementor-widget elementor-widget-text-editor\" data-id=\"34fe70a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul>\n<li>CSS<\/li>\n<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe68ac2 elementor-widget elementor-widget-code-highlight\" data-id=\"fe68ac2\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-css line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-css\">\n\t\t\t\t\t<xmp>CSS\r\n#section-title {\r\n  text-decoration: underline; \r\n}\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9847924 elementor-widget elementor-widget-text-editor\" data-id=\"9847924\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4><span style=\"font-weight: 400;\">Belangrijke punten<\/span><\/h4>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Klassen (voorafgegaan door een . ) kunnen op meerdere elementen worden toegepast, terwijl ID&#8217;s (voorafgegaan door een # ) uniek moeten zijn op een pagina.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In de Elementor-editor kun je direct klassen en ID&#8217;s toewijzen voor eenvoudige styling.<\/span><\/li>\n<\/ul>\n<h2><span style=\"font-weight: 400;\">Geavanceerde onderstreping aanpassing <\/span><\/h2>\n<h3><span style=\"font-weight: 400;\">Kleur: Onderstrepingen stylen met &#8217;text-decoration-color&#8217;<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">De standaard onderstreepkleur komt meestal overeen met de tekstkleur zelf. Maar met de text-decoration-color eigenschap kun je creatief worden!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hier&#8217;s een voorbeeld van een kop onderstrepen in rood:<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8c6d81 elementor-widget elementor-widget-code-highlight\" data-id=\"e8c6d81\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-css line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-css\">\n\t\t\t\t\t<xmp>CSS\r\nh1 {\r\n  text-decoration: underline;\r\n  text-decoration-color: red;\r\n}\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6d9d9a elementor-widget elementor-widget-text-editor\" data-id=\"c6d9d9a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4><span style=\"font-weight: 400;\">Gebruikscases<\/span><\/h4>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Branding:<\/b><span style=\"font-weight: 400;\"> Laat onderstrepingen matchen met je merkkleur.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Nadruk:<\/b><span style=\"font-weight: 400;\"> Trek aandacht naar specifieke zinnen met contrasterende onderstreepkleuren.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Hover-effecten:<\/b><span style=\"font-weight: 400;\"> Verander de onderstreepkleur wanneer gebruikers over elementen hoveren (vaak gebruikt voor links).<\/span><\/li>\n<\/ol>\n<p><b>Elementor Tip:<\/b><span style=\"font-weight: 400;\"> In Elementor&#8217;s visuele editor vind je de &#8220;Text Decoration Color&#8221; optie naast de hoofdonderstreepinstelling, wat aanpassing super makkelijk maakt.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Stijl: Verkennen van &#8217;text-decoration-style&#8217;<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Naast de standaard doorlopende onderstreping biedt CSS verschillende stijlen:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>double:<\/b><span style=\"font-weight: 400;\"> Maakt een dubbele onderstreping.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>dotted:<\/b><span style=\"font-weight: 400;\"> Geeft een gestippelde onderstreping.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>dashed:<\/b><span style=\"font-weight: 400;\"> Cre\u00ebert een gestreepte onderstreping.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>wavy:<\/b><span style=\"font-weight: 400;\"> Een speels, golvend onderstreepeffect.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Voorbeeld:<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-194c578 elementor-widget elementor-widget-code-highlight\" data-id=\"194c578\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-css line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-css\">\n\t\t\t\t\t<xmp>CSS\r\np.wavy-underline {\r\n  text-decoration: underline;\r\n  text-decoration-style: wavy;\r\n}\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-466887d elementor-widget elementor-widget-text-editor\" data-id=\"466887d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Gebruik met mate:<\/b><span style=\"font-weight: 400;\"> Decoratieve onderstrepingen (gestippeld, gestreept, golvend) moeten spaarzaam worden gebruikt omdat ze de leesbaarheid kunnen be\u00efnvloeden als ze te veel worden gebruikt.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Dikte: Onderstreepdikte controleren<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">De text-decoration-thickness eigenschap geeft je precieze controle over hoe dik je onderstrepingen eruitzien. Je kunt de dikte op verschillende manieren specificeren:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Pixels:<\/b><span style=\"font-weight: 400;\"> text-decoration-thickness: 3px;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Relatieve eenheden:<\/b><span style=\"font-weight: 400;\"> text-decoration-thickness: 0.2em; (relatief aan de lettergrootte van het element)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Sleutelwoord:<\/b><span style=\"font-weight: 400;\"> text-decoration-thickness: auto; (standaard van de browser)<\/span><\/li>\n<\/ul>\n<h4><span style=\"font-weight: 400;\">Voorbeeld:<\/span><\/h4>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7bbbd7b elementor-widget elementor-widget-code-highlight\" data-id=\"7bbbd7b\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-css line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-css\">\n\t\t\t\t\t<xmp>CSS\r\nh2 { \r\n  text-decoration: underline;\r\n  text-decoration-thickness: 4px;\r\n}\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4ca028 elementor-widget elementor-widget-text-editor\" data-id=\"b4ca028\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Let even op toegankelijkheid:<\/b><span style=\"font-weight: 400;\"> Zorg voor een dikke genoeg onderstreping zodat het makkelijk te zien is, vooral voor mensen die slecht zien.<\/span><\/p>\n<p><b>Onderstreping weghalen: De &#8216;none&#8217; waarde<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Soms wil je standaard onderstreping (zoals bij links) weghalen of eerder toegepaste onderstreping overschrijven. De text-decoration: none; waarde komt dan goed van pas:<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ff0510 elementor-widget elementor-widget-code-highlight\" data-id=\"9ff0510\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-css line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-css\">\n\t\t\t\t\t<xmp>CSS\r\na { \/* Targets all links *\/\r\n  text-decoration: none; \r\n}\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f959f6 elementor-widget elementor-widget-text-editor\" data-id=\"4f959f6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Vaak gebruikt:<\/b><span style=\"font-weight: 400;\"> Veel websites halen de standaard onderstreping van links weg en gebruiken andere visuele hints (kleurveranderingen, hover-effecten) om aan te geven dat je erop kunt klikken.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Onderstrepen voor nadruk, toegankelijkheid  design <\/span><\/h2>\n<h3><span style=\"font-weight: 400;\">Strategische nadruk: Aandacht van gebruikers sturen<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Onderstreping kan een krachtig middel zijn om belangrijke info te highlighten of aandacht te trekken naar specifieke delen van je website. Hier zijn een paar veel voorkomende gebruiksscenario&#8217;s:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Belangrijke koppen:<\/b><span style=\"font-weight: 400;\"> Onderstreep subkoppen om een visuele hi\u00ebrarchie te maken en het oog van de lezer door je content te leiden.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Call-to-Action knoppen:<\/b><span style=\"font-weight: 400;\"> onderstreep de tekst op een knop om clicks aan te moedigen.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Keywords highlighten:<\/b><span style=\"font-weight: 400;\"> Onderstreep specifieke keywords in een paragraaf om hun belang te benadrukken voor zowel gebruikers als zoekmachines.<\/span><\/li>\n<\/ul>\n<h3><span style=\"font-weight: 400;\">Toegankelijkheid<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Hoewel onderstreping handig kan zijn voor nadruk, is het cruciaal om rekening te houden met toegankelijkheid:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Vermijd te veel afhankelijkheid van kleur:<\/b><span style=\"font-weight: 400;\"> Traditioneel gezien geven onderstreepte teksten sterk aan dat het links zijn. Gebruikers met kleurenblindheid kunnen problemen hebben als je alleen op kleur vertrouwt om aan te geven waar op geklikt kan worden.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Voldoende contrast:<\/b><span style=\"font-weight: 400;\"> Zorg ervoor dat je onderstreping genoeg contrast heeft met de achtergrondkleur voor goede leesbaarheid.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Alternatieve indicatoren:<\/b><span style=\"font-weight: 400;\"> Voor betere toegankelijkheid, combineer onderstreping met andere visuele hints, zoals hover-effecten, vetgedrukte tekst of icoontjes.<\/span><\/li>\n<\/ol>\n<h3><span style=\"font-weight: 400;\">Onderstreping in navigatiemenu&#8217;s<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Navigatiemenu&#8217;s zijn een topplek om onderstreping te gebruiken voor duidelijke visuele hints:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Actieve tab aanduiden:<\/b><span style=\"font-weight: 400;\"> Onderstreep de huidige actieve pagina of sectie in je navigatiemenu.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Hover-effecten:<\/b><span style=\"font-weight: 400;\"> Voeg onderstreping toe die verschijnt wanneer gebruikers over navigatielinks hoveren, voor extra feedback bij interactie.<\/span><\/li>\n<\/ul>\n<p><b>Tip:<\/b><span style=\"font-weight: 400;\"> GenericProductName biedt ingebouwde styling-opties en dynamische features om onderstreping in je website-navigatie makkelijk aan te passen.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Creatieve toepassingen van onderstreping<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Naast de basics kan onderstreping visuele flair toevoegen aan je website:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Inhoudsecties scheiden:<\/b><span style=\"font-weight: 400;\"> Gebruik onderstreping in plaats van traditionele randen of scheidingslijnen om inhoudsgebieden op te delen. Dit kan een clean, minimalistische uitstraling geven.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Formuliervelden highlighten:<\/b><span style=\"font-weight: 400;\"> Onderstreep invoervelden op je formulieren om een duidelijk focusgebied voor gebruikers te maken.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Fouten aangeven:<\/b><span style=\"font-weight: 400;\"> Onderstreep ongeldige formulierinvoer in een contrasterende kleur (zoals rood) om direct aan te geven waar correctie nodig is.<\/span><\/li>\n<\/ol>\n<h4><span style=\"font-weight: 400;\">Voordeel van Elementor<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Met de intu\u00eftieve visuele editor van GenericProductName kun je moeiteloos experimenteren met deze creatieve onderstreep-toepassingen. Je kunt gemakkelijk kleuren, stijlen, diktes en plaatsing aanpassen zonder diep in de code te hoeven duiken.<\/span><\/p>\n<p><b>Belangrijke opmerking:<\/b><span style=\"font-weight: 400;\"> Gebruik onderstreping altijd op een manier die de bruikbaarheid verbetert en consistent is met de algehele duidelijkheid van je website-ontwerp.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Geavanceerde CSS-eigenschappen  technieken <\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Zeker! Hier zijn meer gedetailleerde uitleg en voorbeelden voor de geavanceerde CSS-eigenschappen `text-decoration-skip-ink` en `text-underline-offset`:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">`text-decoration-skip-ink`:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Met de `text-decoration-skip-ink` eigenschap kun je bepalen hoe de onderstreping omgaat met onderkanten van letters in de tekst. Onderkanten zijn de delen van letters die onder de basislijn uitsteken, zoals bij de kleine letters &#8220;g&#8221;, &#8220;j&#8221;, &#8220;p&#8221;, &#8220;q&#8221; en &#8220;y&#8221;. Standaard wordt de onderstreping doorlopend getekend, zelfs als deze de onderkanten kruist. De `text-decoration-skip-ink` eigenschap biedt opties om dit gedrag aan te passen.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Voorbeeld:<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e7ceaf elementor-widget elementor-widget-code-highlight\" data-id=\"8e7ceaf\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-css line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-css\">\n\t\t\t\t\t<xmp>css\r\np {\r\n  text-decoration: underline;\r\n  text-decoration-skip-ink: auto;\r\n}\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-158dcc8 elementor-widget elementor-widget-text-editor\" data-id=\"158dcc8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">De `text-decoration-skip-ink` eigenschap accepteert de volgende waarden:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"> `auto` (standaard): De onderstreping slaat onderkanten over wanneer deze anders gekruist zouden worden, wat een visueel aantrekkelijker resultaat geeft.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"> `none`: De onderstreping wordt doorlopend getekend, zelfs als deze onderkanten kruist.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"> `all`: De onderstreping slaat elk deel van de tekst over, inclusief onderkanten en andere delen van de letters.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Hier is een voorbeeld dat het verschil laat zien tussen `auto` en `none`:<\/span><\/p>\n<ul>\n<li>HTML<\/li>\n<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8da26c elementor-widget elementor-widget-code-highlight\" data-id=\"e8da26c\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp>html\r\n<p class=\"skip-ink-auto\">This text has a continuous underline that skips descenders.<\/p>\r\n<p class=\"skip-ink-none\">This text has a continuous underline that intersects with descenders.<\/p>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b716bf1 elementor-widget elementor-widget-text-editor\" data-id=\"b716bf1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul>\n<li>CSS<\/li>\n<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d42eb8 elementor-widget elementor-widget-code-highlight\" data-id=\"2d42eb8\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-css line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-css\">\n\t\t\t\t\t<xmp>CSS\r\n.skip-ink-auto {\r\n  text-decoration: underline;\r\n  text-decoration-skip-ink: auto;\r\n}\r\n.skip-ink-none {\r\n  text-decoration: underline;\r\n  text-decoration-skip-ink: none;\r\n}\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5baccbf elementor-widget elementor-widget-text-editor\" data-id=\"5baccbf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">In het bovenstaande voorbeeld zal de eerste alinea een onderstreping hebben die over de staartletters heen gaat, terwijl de tweede alinea een onderstreping heeft die de staartletters doorkruist.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">`text-underline-offset`:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Met de `text-underline-offset` eigenschap kun je de afstand tussen de onderstreping en de tekst precies regelen. Standaard wordt de onderstreping net onder de tekst geplaatst. Maar je kunt `text-underline-offset` gebruiken om de verticale positie van de onderstreping aan te passen.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Voorbeeld:<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ff9a9d elementor-widget elementor-widget-code-highlight\" data-id=\"6ff9a9d\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-css line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-css\">\n\t\t\t\t\t<xmp>CSS\r\nh2 {\r\n  text-decoration: underline;\r\n  text-underline-offset: 5px;\r\n}\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39c8a78 elementor-widget elementor-widget-text-editor\" data-id=\"39c8a78\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">In dit voorbeeld wordt de onderstreping 5 pixels onder de tekst van het `&lt;h2&gt;` element geplaatst. Je kunt de offset-waarde specificeren met verschillende eenheden zoals pixels (`px`), ems (`em`), of percentages (`%`).<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hier is een voorbeeld dat verschillende offset-waarden laat zien:<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">html<\/span><\/li>\n<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fed7846 elementor-widget elementor-widget-code-highlight\" data-id=\"fed7846\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp>html\r\n<h2 class=\"offset-small\">This text has a small underline offset.<\/h2>\r\n<h2 class=\"offset-large\">This text has a large underline offset.<\/h2>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d17ef8a elementor-widget elementor-widget-text-editor\" data-id=\"d17ef8a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul>\n<li><span style=\"font-weight: 400;\">CSS<\/span><\/li>\n<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eadb033 elementor-widget elementor-widget-code-highlight\" data-id=\"eadb033\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-css line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-css\">\n\t\t\t\t\t<xmp>CSS\r\n.offset-small {\r\n  text-decoration: underline;\r\n  text-underline-offset: 2px;\r\n}\r\n.offset-large {\r\n  text-decoration: underline;\r\n  text-underline-offset: 0.5em;\r\n}\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73c55fd elementor-widget elementor-widget-text-editor\" data-id=\"73c55fd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">In het bovenstaande voorbeeld heeft de eerste kop een onderstreping offset van 2 pixels, terwijl de tweede kop een onderstreping offset van 0,5 em heeft, wat relatief is aan de lettergrootte van het element.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">`text-underline-offset` gebruiken kan vooral handig zijn in situaties waar je een duidelijke visuele scheiding wilt cre\u00ebren tussen de tekst en de onderstreping, of wanneer je rekening moet houden met grotere lettergroottes of specifieke ontwerpeisen.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Door `text-decoration-skip-ink` en `text-underline-offset` te combineren, kun je de weergave van onderstrepingen finetunen om het gewenste visuele effect te bereiken en optimale leesbaarheid te garanderen voor verschillende tekststijlen en lettergroottes.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Onderstrepingen in de context van webdesign<\/span><\/h2>\n<h3><span style=\"font-weight: 400;\">Responsieve overwegingen<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Aangezien websites zich moeten aanpassen aan verschillende schermformaten, is het essentieel om ervoor te zorgen dat je onderstrepingen zich responsief gedragen:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Lijndikte:<\/b><span style=\"font-weight: 400;\">  Test hoe je onderstrepingsdikte schaalt op verschillende apparaten. Als het te dik is, kunnen onderstrepingen de tekst overschaduwen op kleinere schermen.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Afstand:<\/b><span style=\"font-weight: 400;\"> Gebruik text-underline-offset om de juiste afstand tussen onderstrepingen en tekst te behouden op verschillende schermformaten.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Media queries:<\/b><span style=\"font-weight: 400;\"> Gebruik CSS media queries om onderstrepingsstijlen aan te passen voor specifieke schermformaten indien nodig.<\/span><\/li>\n<\/ol>\n<h3><span style=\"font-weight: 400;\">Moderne trends in het gebruik van onderstrepingen<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Webdesign trends evolueren voortdurend, en dat geldt ook voor het gebruik van onderstrepingen:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Minimalisme:<\/b><span style=\"font-weight: 400;\"> Onderstrepingen passen vaak bij schone, minimalistische ontwerpaesthetiek, waarbij belangrijke elementen worden benadrukt zonder visuele rommel.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Subtiliteit:<\/b><span style=\"font-weight: 400;\"> Veel websites gebruiken onderstrepingen spaarzaam, en gebruiken ze voor subtiele hints of hover-effecten in plaats van als de primaire linkindicator.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Creatieve flair:<\/b><span style=\"font-weight: 400;\"> Ontwerpers experimenteren soms met dubbele onderstrepingen, gestippelde onderstrepingen, of onderstrepingen die verder van de tekst af staan als een unieke stijltoets.<\/span><\/li>\n<\/ol>\n<h3><span style=\"font-weight: 400;\">Best practices voor effectieve onderstrepingen<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Om ervoor te zorgen dat je gebruik van onderstrepingen het ontwerp van je website verbetert:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Consistentie:<\/b><span style=\"font-weight: 400;\"> Stel een duidelijke visuele taal vast voor hoe je onderstrepingen gebruikt (kleur, dikte, stijl) op je hele site.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Duidelijkheid:<\/b><span style=\"font-weight: 400;\"> Vermijd het gebruik van onderstrepingen op een manier die gebruikers in verwarring brengt of de leesstroom verstoort.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Overdrijf niet:<\/b><span style=\"font-weight: 400;\"> Overmatig onderstrepen kan je website rommelig en onprofessioneel laten lijken.<\/span><\/li>\n<\/ol>\n<h3><span style=\"font-weight: 400;\">Het voordeel van Elementor<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">De Elementor website bouwer stelt je in staat om deze ontwerpprincipes gemakkelijk toe te passen:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Responsieve bediening:<\/b><span style=\"font-weight: 400;\"> Verfijn de weergave van onderstrepingen op verschillende apparaten direct binnen de Elementor-editor.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Globale styling:<\/b><span style=\"font-weight: 400;\"> Stel site-brede onderstrepingsvoorkeuren in om consistentie te behouden en je ontwerpproces te stroomlijnen.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Thema Builder integratie:<\/b><span style=\"font-weight: 400;\"> Beheers hoe onderstrepingen in je hele WordPress-thema verschijnen voor een samenhangende look.<\/span><\/li>\n<\/ol>\n<h2><span style=\"font-weight: 400;\">Meer dan onderstrepen: De kracht van Elementor&#8217;s website bouwer <\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Hoewel we ons hebben gericht op het beheersen van onderstrepingen, is het belangrijk om te onthouden dat ze slechts \u00e9\u00e9n gereedschap in je webdesign arsenaal zijn. Elementor website bouwer ontgrendelt een enorme reeks mogelijkheden om je hele website naar een hoger niveau te tillen:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Aangepaste lettertypen en typografie:<\/b><span style=\"font-weight: 400;\"> Kies lettertypen die prachtig passen bij je onderstrepingsstijlen en de algehele persoonlijkheid van je website versterken.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Flexibele layouts:<\/b><span style=\"font-weight: 400;\"> Experimenteer met rasters, kolommen en afstanden om layouts te cre\u00ebren waar je onderstrepingen perfect aansluiten bij de omringende content.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Visuele effecten:<\/b><span style=\"font-weight: 400;\"> Combineer onderstrepingen met achtergronden, schaduwen, animaties en andere elementen om unieke en opvallende ontwerpen te bereiken.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Compleet ontwerpsysteem:<\/b><span style=\"font-weight: 400;\"> Elementor&#8217;s globale stijlsysteem zorgt voor consistentie op je hele site, maat. Onderstrepen worden een onlosmakelijk deel van je samenhangende visuele taal, joh.<\/span><\/li>\n<\/ul>\n<h2><span style=\"font-weight: 400;\">Conclusie  <\/span><\/h2>\n<p><span style=\"font-weight: 400;\">In deze gids hebben we de wereld van CSS-onderstrepen verkend &#8211; van de basics tot geavanceerde aanpassingen en design-overwegingen, weet je. Onderstrepen, of ze nu simpel of gestileerd zijn, kunnen een veelzijdig hulpmiddel zijn om aandacht te trekken, visuele hi\u00ebrarchie te verbeteren en een vleugje persoonlijkheid aan je website toe te voegen, snap je?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Onthoud deze belangrijke punten:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Doelbewust gebruik:<\/b><span style=\"font-weight: 400;\"> Gebruik onderstrepen strategisch om support de designdoelen van je website in plaats van ze willekeurig te gebruiken, ok\u00e9?<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Toegankelijkheid in gedachten:<\/b><span style=\"font-weight: 400;\"> Denk altijd aan toegankelijkheid bij het gebruik van onderstrepen, met duidelijk contrast en alternatieve visuele aanwijzingen waar nodig, toch?<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>De kracht van CSS:<\/b><span style=\"font-weight: 400;\"> CSS geeft je nauwkeurige controle over het uiterlijk en gedrag van onderstrepen, gast.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">Met Elementor website builder heb je het ideale platform om je onderliggende concepten tot leven te brengen, vet toch? Elementor&#8217;s intu\u00eftieve tools stellen je in staat om te experimenteren, aan te passen en onderstrepen naadloos in je algehele webdesign te integreren, man.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Onderstrepingen in webdesign hebben verschillende doelen. Ze kunnen de aandacht trekken naar belangrijke koppen, een visuele scheiding maken tussen secties van content, of zelfs suggereren dat iets klikbaar is. Hoewel onderstrepingen traditioneel sterk geassocieerd worden met hyperlinks, biedt modern webdesign meer flexibiliteit in hoe onderstrepingen worden toegepast.<\/p>\n","protected":false},"author":2024234,"featured_media":113326,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[515],"tags":[],"marketing_persona":[],"marketing_intent":[],"class_list":["post-125134","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bronnen"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Hoe onderstreep je tekst in CSS? (CSS text-decoration eigenschap)<\/title>\n<meta name=\"description\" content=\"Onderstrepingen in webdesign hebben verschillende doelen. Ze kunnen de aandacht trekken naar belangrijke koppen, een visuele scheiding maken tussen secties van content, of zelfs suggereren dat iets klikbaar is. Hoewel onderstrepingen traditioneel sterk geassocieerd worden met hyperlinks, biedt modern webdesign meer flexibiliteit in hoe onderstrepingen worden toegepast.\" \/>\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\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hoe onderstreep je tekst in CSS? (CSS text-decoration eigenschap)\" \/>\n<meta property=\"og:description\" content=\"Onderstrepingen in webdesign hebben verschillende doelen. Ze kunnen de aandacht trekken naar belangrijke koppen, een visuele scheiding maken tussen secties van content, of zelfs suggereren dat iets klikbaar is. Hoewel onderstrepingen traditioneel sterk geassocieerd worden met hyperlinks, biedt modern webdesign meer flexibiliteit in hoe onderstrepingen worden toegepast.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-23T08:37:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-16T23:30:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/12\/14.12.2020_WEB-DESIGNER-VS-WEB-DEVELOPER_BLOG-01-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"631\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Itamar Haim\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Itamar Haim\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/\"},\"author\":{\"name\":\"Itamar Haim\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/5d24783541c454816685653dfed73377\"},\"headline\":\"Hoe onderstreep je tekst in CSS? (CSS text-decoration eigenschap)\",\"datePublished\":\"2025-02-23T08:37:57+00:00\",\"dateModified\":\"2025-11-16T23:30:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/\"},\"wordCount\":1944,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/12\/14.12.2020_WEB-DESIGNER-VS-WEB-DEVELOPER_BLOG-01-2.png\",\"articleSection\":[\"Bronnen\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/\",\"name\":\"Hoe onderstreep je tekst in CSS? (CSS text-decoration eigenschap)\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/12\/14.12.2020_WEB-DESIGNER-VS-WEB-DEVELOPER_BLOG-01-2.png\",\"datePublished\":\"2025-02-23T08:37:57+00:00\",\"dateModified\":\"2025-11-16T23:30:31+00:00\",\"description\":\"Onderstrepingen in webdesign hebben verschillende doelen. Ze kunnen de aandacht trekken naar belangrijke koppen, een visuele scheiding maken tussen secties van content, of zelfs suggereren dat iets klikbaar is. Hoewel onderstrepingen traditioneel sterk geassocieerd worden met hyperlinks, biedt modern webdesign meer flexibiliteit in hoe onderstrepingen worden toegepast.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/12\/14.12.2020_WEB-DESIGNER-VS-WEB-DEVELOPER_BLOG-01-2.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/12\/14.12.2020_WEB-DESIGNER-VS-WEB-DEVELOPER_BLOG-01-2.png\",\"width\":1200,\"height\":631},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bronnen\",\"item\":\"https:\/\/elementor.com\/blog\/nl\/category\/bronnen\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Hoe onderstreep je tekst in CSS? (CSS text-decoration eigenschap)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/5d24783541c454816685653dfed73377\",\"name\":\"Itamar Haim\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/830174068538633c83fd732c583ea1fe9d4c813314075640bf78d5a621982848?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/830174068538633c83fd732c583ea1fe9d4c813314075640bf78d5a621982848?s=96&d=mm&r=g\",\"caption\":\"Itamar Haim\"},\"description\":\"Itamar Haim, SEO Team Lead at Elementor, is a digital strategist merging SEO &amp; AEO \/ GEO, and web development. He leverages deep WordPress expertise to drive global organic growth, empowering businesses to navigate the AI era and ensuring top-tier search performance for millions of websites.\",\"sameAs\":[\"https:\/\/elementor.com\/blog\/author\/itamarha\/\",\"https:\/\/www.linkedin.com\/in\/itamar-haim-8149b85b\/\"],\"url\":\"https:\/\/elementor.com\/blog\/nl\/author\/itamarha\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hoe onderstreep je tekst in CSS? (CSS text-decoration eigenschap)","description":"Onderstrepingen in webdesign hebben verschillende doelen. Ze kunnen de aandacht trekken naar belangrijke koppen, een visuele scheiding maken tussen secties van content, of zelfs suggereren dat iets klikbaar is. Hoewel onderstrepingen traditioneel sterk geassocieerd worden met hyperlinks, biedt modern webdesign meer flexibiliteit in hoe onderstrepingen worden toegepast.","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\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/","og_locale":"nl_NL","og_type":"article","og_title":"Hoe onderstreep je tekst in CSS? (CSS text-decoration eigenschap)","og_description":"Onderstrepingen in webdesign hebben verschillende doelen. Ze kunnen de aandacht trekken naar belangrijke koppen, een visuele scheiding maken tussen secties van content, of zelfs suggereren dat iets klikbaar is. Hoewel onderstrepingen traditioneel sterk geassocieerd worden met hyperlinks, biedt modern webdesign meer flexibiliteit in hoe onderstrepingen worden toegepast.","og_url":"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2025-02-23T08:37:57+00:00","article_modified_time":"2025-11-16T23:30:31+00:00","og_image":[{"width":1200,"height":631,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/12\/14.12.2020_WEB-DESIGNER-VS-WEB-DEVELOPER_BLOG-01-2.png","type":"image\/png"}],"author":"Itamar Haim","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Geschreven door":"Itamar Haim","Geschatte leestijd":"10 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/"},"author":{"name":"Itamar Haim","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/5d24783541c454816685653dfed73377"},"headline":"Hoe onderstreep je tekst in CSS? (CSS text-decoration eigenschap)","datePublished":"2025-02-23T08:37:57+00:00","dateModified":"2025-11-16T23:30:31+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/"},"wordCount":1944,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/nl\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/12\/14.12.2020_WEB-DESIGNER-VS-WEB-DEVELOPER_BLOG-01-2.png","articleSection":["Bronnen"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/","url":"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/","name":"Hoe onderstreep je tekst in CSS? (CSS text-decoration eigenschap)","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/12\/14.12.2020_WEB-DESIGNER-VS-WEB-DEVELOPER_BLOG-01-2.png","datePublished":"2025-02-23T08:37:57+00:00","dateModified":"2025-11-16T23:30:31+00:00","description":"Onderstrepingen in webdesign hebben verschillende doelen. Ze kunnen de aandacht trekken naar belangrijke koppen, een visuele scheiding maken tussen secties van content, of zelfs suggereren dat iets klikbaar is. Hoewel onderstrepingen traditioneel sterk geassocieerd worden met hyperlinks, biedt modern webdesign meer flexibiliteit in hoe onderstrepingen worden toegepast.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/12\/14.12.2020_WEB-DESIGNER-VS-WEB-DEVELOPER_BLOG-01-2.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/12\/14.12.2020_WEB-DESIGNER-VS-WEB-DEVELOPER_BLOG-01-2.png","width":1200,"height":631},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/nl\/hoe-onderstreep-je-tekst-in-css-css-text-decoration-eigenschap\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/nl\/"},{"@type":"ListItem","position":2,"name":"Bronnen","item":"https:\/\/elementor.com\/blog\/nl\/category\/bronnen\/"},{"@type":"ListItem","position":3,"name":"Hoe onderstreep je tekst in CSS? (CSS text-decoration eigenschap)"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/nl\/#website","url":"https:\/\/elementor.com\/blog\/nl\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/nl\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/5d24783541c454816685653dfed73377","name":"Itamar Haim","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/830174068538633c83fd732c583ea1fe9d4c813314075640bf78d5a621982848?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/830174068538633c83fd732c583ea1fe9d4c813314075640bf78d5a621982848?s=96&d=mm&r=g","caption":"Itamar Haim"},"description":"Itamar Haim, SEO Team Lead at Elementor, is a digital strategist merging SEO &amp; AEO \/ GEO, and web development. He leverages deep WordPress expertise to drive global organic growth, empowering businesses to navigate the AI era and ensuring top-tier search performance for millions of websites.","sameAs":["https:\/\/elementor.com\/blog\/author\/itamarha\/","https:\/\/www.linkedin.com\/in\/itamar-haim-8149b85b\/"],"url":"https:\/\/elementor.com\/blog\/nl\/author\/itamarha\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/125134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/users\/2024234"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/comments?post=125134"}],"version-history":[{"count":2,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/125134\/revisions"}],"predecessor-version":[{"id":143431,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/125134\/revisions\/143431"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/media\/113326"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/media?parent=125134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/categories?post=125134"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/tags?post=125134"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/marketing_persona?post=125134"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/marketing_intent?post=125134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}