CSS3 background-origin Özelliği Uygulama

CSS3 background-origin

#penguen {<br>    padding:40px;<br>    border:8px dashed pink;<br>    background-image:url('penguen.gif');<br>    background-origin:<span id='rfrnscsscde'>border-box</span>;<br>    background-repeat:no-repeat;<br>}<br>

CSS3 background-origin değerleri

border-box

padding-box

content-box

initial

Sonuç Ekranı

Border box değeri ile resim kenar çizgisine yaslanabilir..
Padding box değeri ile resim içerikle kenar çizgisi arasına konumlanır..
Content box değeri ile resim içeriğin içerisine yerleştirilir..

Sonuçları görmek için değerlerin üzerine geliniz.

HtmlveCSSEğitimi.blogspot.com