CSS - właściwości background-clip
background-clip
| 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-clip</title>
<style>
.box {
width: 300px;
height: 100px;
padding: 10px;
border: 10px dashed #333;
background: yellow;
}
.clip_01 {
background-clip: border-box;
}
.clip_02 {
background-clip: padding-box;
}
.clip_03 {
background-clip: content-box;
}
</style>
</head>
<body>
<h2>domyślne zachowanie tła</h2>
<div class="box"></div>
<h2>background-clip: border-box</h2>
<div class="box clip_01"></div>
<h2>background-clip: padding-box</h2>
<div class="box clip_02"></div>
<h2>background-clip: content-box</h2>
<div class="box clip_03"></div>
</body>
</html>
|
|