© Cваял этот сайтик для вас и себя bes13.
-=2009-2013=-




природа однако)

⇐ туда | на память | сюда ⇒
Доллар - 80.8756
Евро   -  87.1010
Понедельник
5 Июнь 2023
‹‹ map ››
ПнВтСрЧтПтСбВс
   
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
  




Яндекс.Метрика Рейтинг@Mail.ru

Оформление фона. Элемент - "backgroun" в CSS.

это уже можно применять. [2009-08-20]
Автор: Андрей Каструбин

<div style="
background: url(./test.png) #fff 80% scroll repeat-y;
 width:600px; /*ширина дива*/
 height:200px; /*высота дива*/
 padding:15px /*отступы внутрь*/
 ">
 .td {
 background: url(./test.png) #fff 80% scroll repeat-y;
 }
 <br>
 равнозначно<br>
 .td {
 background: url(./test.png); 
 background-color:#fff; 
 background-position: 80%; 
 background-attachment: scroll; repeat-y;
 }
 </div>
 /*в табличке как это выглядит*/
 

.td {background: url(../im/baba.png) #fff 80% scroll repeat-y;}
равнозначно
.td {background: url(../im/baba.png) #fff background-position: 80%; background-attachment: scroll; repeat-y;}

команда виды команды расширение описание размерность пример
background задаёт стиль фона, (можно в одной строке несколько атрибутов: цвет фона, фоновую картинку, её положение. Разделение-пробел).
.td {background: url(./test.png) #fff 80% scroll repeat-y;}
равнозначно
.td {background: url(./test.png) #fff background-position: 80%; background-attachment: scroll; repeat-y;}
background-attachment scroll фоновое изображение окна браузера. прокручивается вместе со страницей. есть/нет .td {background-attachment: scroll;}
fixed фиксированное фоновое изображение относительно окна браузера. есть/нет .td {background-attachment: fixed;}
inherit значение свойств родительского элемента есть/нет .td {background-attachment: inherit;}
background-color цвет цвет фона. Цвет задается стандартным способом. есть/нет .td {background-color: #000000;}
background-image url('путь/файл') фоновое изображение путь задается стандартно цвет .td {background-image: url('...');}
background-position [0-100]% [0-100]% Первое значение по горизонтали, второе - по вертикали. Если одно, то по умолчанию второе 50%(вертикально посередине). % .td {background-position: 30%;}
точное расстояние от левого верхнего угла размер .td {background-position: 30px;}
top сверху есть/нет .td {background-position: top;}
botton снизу есть/нет .td {background-position: bottom;}
left слева есть/нет .td {background-position: left;}
right справа есть/нет .td {background-position: rigt;}
center по центру есть/нет .td {background-position: center;}
inherit значение свойств родительского элемента есть/нет .td {background-position: inherit;}
background-repeat repeat-x положение рисунка background повторять по горизонтали есть/нет .td {background-repeat: repeat-x;}
repeat-y положение рисунка background повторять по вертикали есть/нет .td {background-repeat: repeat-y;}
repeat положение рисунка background замостить всё есть/нет .td {background-repeat: repeat;}
no-repeat положение рисунка background без повторений есть/нет .td {background-repeat: no-repeat;}

• • •
4


  3 2 1 0 1 2 3