The target-name property defines the name of the target destination, including a few keywords for well known destinations.

  • Initial valuecurrent
  • Applies toHyperlinks
  • InheritedNo
  • MediaInteractive Visual
  • Computed valueSpecified value
  • AnimatableNo
  • CSS VersionCSS3
  • JavaScript syntaxobject.style.targetName
Formal syntax: current | root | parent | new | modal | <string>

target-name: current;
target-name: root;
target-name: parent;
target-name: new;
target-name: modal;
  • currentThe name of the current frame, tab or window where the link resides. This value never causes a new destination to be created.
  • rootThe name of the current tab (if there is one) or window. This value never causes a new destination to be created.
  • parentThe name of the parent of the current frame. If the current frame has no parent this value is treated as 'root'. This value never causes a new destination to be created.
  • newA new destination (see target-new) is always created.
  • modalA new modal window is temporarily created.
  • <string>The target is displayed in the existing frame, window or tab of that name. If no such named destination exists, a new destination (see target-new) is created with that name.
.class {
   target-name: parent; 
}
?Firefox?Explorer?Chrome?Safari?Opera


Last updated on 23rd March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.