background-origin

background-origin

by fatihhayri

HTML

<div id="kutu1">

</div>

<div id="kutu2">

</div>

<div id="kutu3">

</div>

CSS

div{
  width:100px;
  height:100px;
  background:url(http://fatihhayrioglu.com/images/kedi.jpg) 0 0 no-repeat;
  padding:20px;
  border:20px solid transparent;
  float:left
}

#kutu1 {
    -moz-background-origin: border;
    -webkit-background-origin: border;
    -webkit-background-origin: border-box;
    background-origin: border-box;
}
#kutu2 {
    -moz-background-origin: padding;
    -webkit-background-origin: padding;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
}
#kutu3 {
    -moz-background-origin: content;
    -webkit-background-origin: content;
    -webkit-background-origin: content-box;
    background-origin: content-box;
}