Do you want to be a good Web Developer?

Enter Your Email To Get Our Exclusive Tutorials
And Offer Right In Your Email

CSS3 Backgrounds

CSS3 Backgrounds

With CSS3 Backgrounds you can get more use of background properties and get more control of background elements.


The properties of CSS3 Backgrounds are

  • border-size
  • border-origin

  • You can add multiple images to background with CSS3 only on CSS3 supported browsers.


    border-size

    border-size property is used to set the size of the background image.

    Example of border-size

    div
    {
     background: url(demo.jpeg);
     background-size: 200px 200px;
     background-repeat: no-repeat;
    }
    



    border-origin

    border-origin property is used to set the positioning area of the background images.


    Example of border-size

    div
    {
    background: url(demo.jpeg);
    background-size: 200px 200px;
    background-repeat: no-repeat;
    background-origin: content-box;
    }
    

    The value of border-origin can be content-box, padding-box, or border-box area.

    PrevNext

    Join Us With Our 21000+ Subscribers And Get Our Latest Tutorials Update Via Email