CSS - właściwości background-size
background-size
| kod |
wynik kodu |
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Content-Language" content="pl">
<title>background-size</title>
<style>
.box_01 {
width: 300px;
height: 100px;
background: url("grafika/buzia.png") no-repeat;
background-size: 50px;
border: 5px solid #000000;
}
.box_02 {
width: 300px;
height: 100px;
background: url("grafika/buzia.png") no-repeat;
background-size: 50%;
border: 5px solid #000000;
}
.box_03 {
width: 300px;
height: 100px;
background: url("grafika/buzia.png") no-repeat;
background-size: auto;
border: 5px solid #000000;
}
.box_04 {
width: 300px;
height: 100px;
background: url("grafika/buzia.png") no-repeat;
background-size: contain;
border: 5px solid #000000;
}
.box_05 {
width: 300px;
height: 100px;
background: url("grafika/buzia.png") no-repeat;
background-size: cover;
border: 5px solid #000000;
}
</style>
</head>
<body>
<div class="box_01"></div>
<div class="box_02"></div>
<div class="box_03"></div>
<div class="box_04"></div>
<div class="box_05"></div>
</body>
</html>
|
|