Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

CSS3 target property


May 06, 2021 CSS Reference Manual


Table of contents


Open all hyperlinks in a new window and place a new window on top of all other tabs/windows:

a
{
target:new front;
}

Give it a try yourself

Browser support

There is currently no browser that supports target.

Definitions and usages

The target property is a short-case property that sets the following properties:

  • target-name
  • target-new
  • target-position
Default: current window above
Inheritance: no
Version: CSS3
JavaScript syntax: object .style.target="new front"

Grammar

target: target-name target-new target-position;
Value Describe
target-name Specify where to open the hyperlink (target destination).
target-new Specifies that hyperlinks should be opened in a new window or in a new tab with an existing window.
target-position Specify where to place the new destination link.

Note: Target-new and target-position values are only valid if the target-name value creates a new tab or a new window.