Join TalkersCode Now !

Get Latest Tutorials And Links On Web Development
And Get Existing Offers Via 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

    Are You Starting A New Blog
    Do You Want Best Web Hosting?

    Try World's Best Web Hosting Provider BlueHost
    At Just $3.95/mo

    Hurry Up! Limited Time Offer

    Yes, I Want To Check Out BlueHost

    Check The World's Best SEO And All-In-One Marketing Toolkit
    For Digital Marketing Professionals SEMRUSH

    Check Out SEMRUSH