HTML <link> crossorigin Attribute

The HTML crossorigin Attribute in <link> element is used to specifying that supports the HTTP CORS request when fetching or loading the stylesheet or icon files from the third-party server.

Syntax:

<link crossorigin="anonymous | use-credentials">

Attribute Values:

  • anonymous: It has a default value. It defines a CORS request will be sent without passing the credentials information.
  • use-credentials: A cross-origin request will be sent with credentials, cookies, and certificate.

Example: Below code demonstrates the use of crossorigin Attribute with the <link> element. 

HTML




<!DOCTYPE html>
<html>
 
<head>
    <link id="linkid" rel="stylesheet"
        type="text/css" href="styles.css"
        sizes="16*16" hreflang="en-us"
        crossorigin="anonymous">
</head>
 
<body style="text-align:center;">
    <h1>w3wiki</h1>
    <h2>HTML <link>
        crossorigin Attribute
    </h2>
</body>
 
</html>


Output:

Supported Browsers:

  • Google Chrome 25 and above
  • Edge 79 and above
  • Firefox 18.0 and above
  • Opera 15.0 and above

Contact Us