CSS - Attribute Target




 CSS Attribute Target

Learn css - css tutorial - CSS Attribute Target - css examples - css programs

CSS Target attribute - Definition and Usage

  • In css :target selector is used to style the current active target element.
  • URLs with an # followed by an anchor name link to a definite element within a current document.
  • The element to be linked is the target element.
CSS Attribute Target
  • The [attribute="value"] selector is used to select elements with a named attribute and value.

css coding - Example

a[target="_blank"] 
{ 
font-size:40px;          
}
click below button to copy the code. By - css tutorial - team

html sample code - html code

 Tryit<!DOCTYPE html>
<html>
    <head>
        <style>
         a[target=_blank] 
         {
            font-size:40px;
         }
        </style>                     
    </head>
    <body>
        <a href="http://www.wikitechy.com" target="_blank">
         Click wikitechy
        </a>
    </body>
</html>
click below button to copy the code. By - css tutorial - team

Code Explanation - stylesheet css

Code Explanation Attribute Target
  1. a[target=-blank] is the target attribute that specifies where to open the linked document.
  2. Font-size property is used in CSS to increase the size of the font text. Here we have specified the font size as 40 pixels for attribute a[target] with value as _blank.
  3. In html, the <a> tag defines a hyperlink which directs the user from one page to another. target=”_blank” Opens the linked document in a new window.

css examples - Output

Output attribute target
  1. Click wikitechy is a link which appears color and underline. Clicking on the link directs us to the wikitechy website as displayed in the following browser window.
Output css attribute target

This page provides a detailed information on class in css , learn html and css , css programming , css website , css transition generator , css design , css language , css a , advanced css , html and css tutorial , css coding , html css tutorial , css javascript , html & css , free css , html and css editor , html css javascript , html css editor , css test , html css templates , css editor online.


View More Quick Examples

CSS BASICS & SELECTORS CSS SELECTOR ATTRIBUTE CSS STYLE FORMS COLORS & BACKGROUND CSS MARGIN & PADDING CSS WIDTH & HEIGHT CSS LINKS CSS BLOCKS

Related Searches to css attribute target

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

We need money to operate the site, and almost all of it comes from our online advertising.

Please add wikitechy.com to your ad blocking whitelist or disable your adblocking software.

×