HTML | <link> sizes Attribute - ❤️️ Online HTML tutorial

The HTML link sizes Attribute is used to specify the sizes of the icon for visual media and it only works when rel=”icon”. It is a read-only Property.

Syntax:

<link sizes="HeightxWidth | any">

Attribute Values

HeightxWidth It is used to specify the one or more sizes of a linked icon. The value of the height and the width are separated by an “x” or “X”.

For Example:

<link rel=”icon” href=”Beginner.png” sizes=”16×16″ type=”image/png”> (1 size)
<link rel=”icon” href=”sudo.png” sizes=”16×16 32×32″ type=”image/png”> (2 sizes)

any: Specifies that the icon is scalable (like an SVG image).
Examples: <link rel=”icon” href=”icon.svg” sizes=”any” type=”image/svg+xml”> (any size).

Example:

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

Output:

Supported Browsers: No browser supported by HTML <link> sizes Attribute.

HTML | <link> sizes Attribute

Contact Us