Loading…
Everything will be ready in few seconds
- Theory
- Theory
- Comments
Background Cropping
The background-clip
property controls how the background is cropped. Moreover, not only are the background images cropped, but the background color is cropped as well.
The property values are the same as for background-origin
: padding-box
, border-box
, and content-box
.
The border-box
value is set by default, and the background image is not cropped at all.
The value of padding-box
slices the background along the inner edge of the frame area.
The value of content-box
slices the background along the edge of the content area.
- index.html
- style.css
Thanks! We’ll fix everything at once!
The code has changed, click “Refresh” or turn autorun on.
You’ve gone to a different page
Click inside the mini-browser to shift the focus onto this window.
- For the
.portrait-small
portrait, assign thebackground-clip
property with thepadding-box
value , - and then change the value to
content-box
. - For the
.portrait-full
portrait, assign thebackground-clip
property with thepadding-box
value , - and then change the value to
content-box
.
Comments