CSS - w³a¶ciwo¶ci background-attachment
background-attachment: fixed
| kod |
wynik kodu |
<html>
<head>
<title>programowanie - CSS - background-attachment</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Content-Language" content="pl">
<link rel="Stylesheet" type="text/css" href="style.css" />
<style type="text/css">
body {
width: 640;
height: 480px;
overflow: scroll;
background-image: url("grafika/obraz.png");
background-attachment: fixed;
}
</style>
</head>
<body>
<p style="font-size: 30px; text-align: center">Soy un hombre muy honrado<br />
Que me gusta lo mejor<br />
Las mujeres no me faltan<br />
Ni el dinero, ni el amor</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Jineteando en mi caballo<br />
Por la sierra yo me voy<br />
Las estrellas y la luna<br />
Ellas me dicen donde voy</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Ay, ay, ay, ay<br />
Ay, ay mi amor<br />
Ay, mi morena<br />
De mi corazón</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Soy un hombre muy honrado<br />
Que me gusta lo mejor<br />
Las mujeres no me faltan<br />
Ni el dinero, ni el amor</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Jineteando en mi caballo<br />
Por la sierra yo me voy<br />
Las estrellas y la luna<br />
Ellas me dicen donde voy</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Ay, ay, ay, ay<br />
Ay, ay mi amor<br />
Ay, mi morena<br />
De mi corazón</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Soy un hombre muy honrado<br />
Que me gusta lo mejor<br />
Las mujeres no me faltan<br />
Ni el dinero, ni el amor</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Jineteando en mi caballo<br />
Por la sierra yo me voy<br />
Las estrellas y la luna<br />
Ellas me dicen donde voy</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Ay, ay, ay, ay<br />
Ay, ay mi amor<br />
Ay, mi morena<br />
De mi corazón</p>
</body>
</html>
|
|
background-attachment: local
| kod |
wynik kodu |
<html>
<head>
<title>programowanie - CSS - background-attachment</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Content-Language" content="pl">
<link rel="Stylesheet" type="text/css" href="style.css" />
<style type="text/css">
body {
width: 640;
height: 480px;
overflow: scroll;
background-image: url("grafika/obraz.png");
background-attachment: local;
}
</style>
</head>
<body>
<p style="font-size: 30px; text-align: center">Soy un hombre muy honrado<br />
Que me gusta lo mejor<br />
Las mujeres no me faltan<br />
Ni el dinero, ni el amor</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Jineteando en mi caballo<br />
Por la sierra yo me voy<br />
Las estrellas y la luna<br />
Ellas me dicen donde voy</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Ay, ay, ay, ay<br />
Ay, ay mi amor<br />
Ay, mi morena<br />
De mi corazón</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Soy un hombre muy honrado<br />
Que me gusta lo mejor<br />
Las mujeres no me faltan<br />
Ni el dinero, ni el amor</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Jineteando en mi caballo<br />
Por la sierra yo me voy<br />
Las estrellas y la luna<br />
Ellas me dicen donde voy</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Ay, ay, ay, ay<br />
Ay, ay mi amor<br />
Ay, mi morena<br />
De mi corazón</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Soy un hombre muy honrado<br />
Que me gusta lo mejor<br />
Las mujeres no me faltan<br />
Ni el dinero, ni el amor</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Jineteando en mi caballo<br />
Por la sierra yo me voy<br />
Las estrellas y la luna<br />
Ellas me dicen donde voy</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Ay, ay, ay, ay<br />
Ay, ay mi amor<br />
Ay, mi morena<br />
De mi corazón</p>
</body>
</html>
|
|
| kod |
wynik kodu |
<html>
<head>
<title>programowanie - CSS - background-attachment</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Content-Language" content="pl">
<link rel="Stylesheet" type="text/css" href="style.css" />
<style type="text/css">
body {
width: 640;
height: 480px;
overflow: scroll;
background-image: url("grafika/obraz.png");
background-attachment: scroll;
}
</style>
</head>
<body>
<p style="font-size: 30px; text-align: center">Soy un hombre muy honrado<br />
Que me gusta lo mejor<br />
Las mujeres no me faltan<br />
Ni el dinero, ni el amor</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Jineteando en mi caballo<br />
Por la sierra yo me voy<br />
Las estrellas y la luna<br />
Ellas me dicen donde voy</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Ay, ay, ay, ay<br />
Ay, ay mi amor<br />
Ay, mi morena<br />
De mi corazón</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Soy un hombre muy honrado<br />
Que me gusta lo mejor<br />
Las mujeres no me faltan<br />
Ni el dinero, ni el amor</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Jineteando en mi caballo<br />
Por la sierra yo me voy<br />
Las estrellas y la luna<br />
Ellas me dicen donde voy</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Ay, ay, ay, ay<br />
Ay, ay mi amor<br />
Ay, mi morena<br />
De mi corazón</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Soy un hombre muy honrado<br />
Que me gusta lo mejor<br />
Las mujeres no me faltan<br />
Ni el dinero, ni el amor</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Jineteando en mi caballo<br />
Por la sierra yo me voy<br />
Las estrellas y la luna<br />
Ellas me dicen donde voy</p>
<br /><br /><br />
<p style="font-size: 30px; text-align: center">Ay, ay, ay, ay<br />
Ay, ay mi amor<br />
Ay, mi morena<br />
De mi corazón</p>
</body>
</html>
|
|