Select Chapter ❯
CSS Tutorial
- CSS Introduction
- CSS Syntax
- CSS Insert CSS
- CSS Backgrounds
- CSS Text
- CSS Dimensions
- CSS Border
- CSS Margin
- CSS Padding
- CSS Display
- CSS Positioning
- CSS Float
- CSS Pseudo-Class
- CSS Opacity
- CSS Media Types
CSS3 Tutorial
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
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 ❯