Html – Add target=”_blank” in CSS

css, html, hyperlink

I have external links in the top menu of my website.

I want to open these links in new tabs. I could achieve it using target=_blank in HTML. Is there a similar CSS property or anything else?

Best Solution

As c69 mentioned there is no way to do it with pure CSS.

but you can use HTML instead:


<head>    <base target="_blank"></head>

in your HTML <head> tag for making all of page links which not include target attribute to be opened in a new blank window by default.otherwise you can set target attribute for each link like this:

    <a href="/yourlink.html" target="_blank">test-link</a>

and it will override

<head>    <base target="_blank"></head>

tag if it was defined previously.