background-repeat | |
Syntax: background-repeat: repeat | repeat-x | repeat-y | no-repeat |
<style type="text/css"> .demo1 { background-image: url("../images/logo.gif"); background-repeat: no-repeat; background-position: 0px 0px; width: 200px; border: 1px solid; height: 50px; } </style> <div class="demo1"></div> |
|
<style type="text/css"> .demo2 { background-image: url("../images/logo.gif"); background-repeat: repeat-x; background-position: 0px 0px; width: 200px; border: 1px solid; height: 50px; } </style> <div class="demo2"></div> |
|
<style type="text/css"> .demo3 { background-image: url("../images/logo.gif"); background-repeat: repeat-y; background-position: 0px 0px; width: 200px; border: 1px solid; height: 50px; } </style> <div class="demo3"></div> |
|
<style type="text/css"> .demo4 { background-image: url("../images/logo.gif"); background-repeat: repeat; background-position: 0px 0px; width: 200px; border: 1px solid; height: 50px; } </style> <div class="demo4"></div> |