Scribd Logo
Upload

Welcome to Scribd!

  • Bachground Size

    Uploaded by

    Prajapati Het jayeshbhai
    7 views1 page
    This document discusses the CSS background-size property and provides two examples of its use. The first example uses the default value of "auto", displaying the background image at its original size. The second sets the background image to a specific width and height of 300px by 100px. A note explains that the background-size property is not supported in Internet Explorer 8 and earlier versions.

    Original Description:

    test

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document discusses the CSS background-size property and provides two examples of its use. The first example uses the default value of "auto", displaying the background image at its original size. The second sets the background image to a specific width and height of 300px by 100px. A note explains that the background-size property is not supported in Internet Explorer 8 and earlier versions.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views1 page

    Bachground Size

    Uploaded by

    Prajapati Het jayeshbhai
    This document discusses the CSS background-size property and provides two examples of its use. The first example uses the default value of "auto", displaying the background image at its original size. The second sets the background image to a specific width and height of 300px by 100px. A note explains that the background-size property is not supported in Internet Explorer 8 and earlier versions.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    4/11/2019 Tryit Editor v3.

         Run »

    <!DOCTYPE html>
    <html> background-size: auto (default):
    <head>
    <style>
    #example1 {
    border: 2px solid black;
    padding: 25px; Hello World
    background: url(mountain.jpg);
    background-repeat: no-repeat;
    The background image is displayed in its
    background-size: auto;
    original size.
    }

    #example2 {
    border: 2px solid black;
    padding: 25px;
    background: url(mountain.jpg);
    background-size: 300px 100px:
    background-repeat: no-repeat;
    background-size: 300px 100px;
    }
    </style>
    </head>
    Hello World
    <body>
    Here, the background image is set to 300px
    <h2>background-size: auto (default): wide and 100px heigh.
    </h2>
    <div id="example1">
    <h2>Hello World</h2>
    <p>The background image is displayed Note: The background-size property is not
    in its original size.</p> supported in Internet Explorer 8 and earlier versions.
    </div>

    <h2>background-size: 300px 100px:</h2>


    <div id="example2">
    <h2>Hello World</h2>
    <p>Here, the background image is set
    to 300px wide and 100px heigh.</p>
    </div>

    <p><strong>Note:</strong> The
    background-size property is not
    supported in Internet Explorer 8 and
    earlier versions.</p>

    </body>

    https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_background-size 1/1

    You might also like