background-attachment касиети
background-attachment касиети
элементдин фон сүрөтүн кандайча айдоону белгилейт:
текст менен бирге же текст сүрөт үстүнөн сырганабы.
Синтаксис
селектор {
background-attachment: fixed | scroll | local;
}
Маанилер
| Маани | Сүрөттөмө |
|---|---|
fixed |
Фон сүрөтү кыймылсыз болот, ал эми текст анын үстүнөн сыргана берет. |
scroll |
Фон сүрөтү текст менен бирге айланат. |
local |
Фон элементтин жүрүм-турумун эске алып бекетилет. Эгер элемент айдоого ээ болсо, анда фон мазмун менен бирге айланат, бирок элементтин чектеринен тышкары чыккан фон ордунда калат. |
Демейки маани: scroll.
Мисал . scroll мааниси
Азыр background-attachment касиети
scroll маанисине коюлган. Элементти тик өйдө-ылдый айлантып көрүңүз -
текст фон менен бирге кантип айланарын көрөсүз:
<body>
<div id="elem">
some long text
</div>
</body>
body {
background-attachment: scroll;
background-image: url("bg.png");
}
#elem {
width: 400px;
margin: 0 auto;
text-align: justify;
font-weight: bold;
font-size: 20px;
}
:
Мисал . fixed мааниси
Эми background-attachment касиети
fixed маанисине коюлган. Элементти тик өйдө-ылдый айлантып көрүңүз -
текст фон үстүнөн кантип сырганарын көрөсүз:
<body>
<div id="elem">
some long text
</div>
</body>
body {
background-attachment: fixed;
background-image: url("bg.png");
}
#elem {
width: 400px;
margin: 0 auto;
text-align: justify;
font-weight: bold;
font-size: 20px;
}
:
Ошондой эле караңыз
-
backgroundкасиети,
бул фон үчүн кыскартылган касиет