Skip to content
Related Articles

Related Articles

Improve Article

HTML | <link> sizes Attribute

  • Last Updated : 19 Oct, 2020

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:

    1. <link rel=”icon” href=”geeks.png” sizes=”16×16″ type=”image/png”> (1 size)
    2. <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>GeeksForGeeks</h1>
    <h2>HTML <Link> sizes Attribute</h2>
</body>
  
</html>

Output:

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

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

My Personal Notes arrow_drop_up
Recommended Articles
Page :