Tessst

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Tessst » Тестовый форум » CSS-свойства


CSS-свойства

Сообщений 1 страница 7 из 7

1

background - CSS-свойство, отвечающее за все ниже приведённые параметры. Все значения разделяются между собой пробелом. Не используемые значения можно не указывать.

Пример:

Код:
body {background: #000000 repeat-y url(http://warriorssupport.mybb.ru/img/000a/7e/64/46-1267770078.jpg);}

background-color - CSS-свойство, отвечающее за цвет фона.

Значения:

transparent - цвет отсутствует, т.е. фон элемента прозрачен.
цвет - собственно, цвет.

http://s003.radikal.ru/i202/1003/58/dc4a0aee82de.jpg http://s58.radikal.ru/i159/1003/f5/5d4b8e118821.jpg

Пример:

Код:
body {background-color: #000000;}

background-image - CSS-свойство, отвечающее за фоновую картинку.

Значения:

none - фоновая картинка отсутствует.
url() - фоновая картинка, адрес указывается между скобками.

http://s004.radikal.ru/i206/1003/cb/9c99c40ded0e.jpg http://i045.radikal.ru/1003/9a/213f444aa00d.jpg

Пример:

Код:
body {background-image: url("http://warriorssupport.mybb.ru/img/000a/7e/64/46-1267770078.jpg");}

background-attachment - CSS-свойство, отвечающее за прокрутку фоновой картинки.

Значения:

fixed - фиксирует фоновое изображение, т.е. делает его неподвижным.
scroll - фон прокручивается, т.е. при прокрутке страницы движется вместе с элементом.

http://s61.radikal.ru/i172/1003/92/8dc2ba234f09.gif http://i027.radikal.ru/1003/8b/9fbb2c4396e2.gif

Пример:

Код:
body {background-attachment:fixed;}

background-repeat - CSS-свойство, отвечающее за размножение (повторение) фона.

Значения:

no-repeat - не размножается.
repeat - размножается по горизонтали и вертикали.
repeat-x - размножается только по горизонтали.
repeat-y - размножается только по вертикали.

http://i073.radikal.ru/1003/b5/9cf03b479910.jpg http://s12.radikal.ru/i185/1003/1a/e146d08ef903.jpg http://s005.radikal.ru/i211/1003/af/5eb30ecd5e36.jpg http://s001.radikal.ru/i194/1003/5d/8e971bb5bfb2.jpg

Пример:

Код:
body {background-repeat:repeat-y;}

background-position - CSS-свойство, отвечающее за расположение фоновой картинки.

Значения:

left - по левому краю.
right - по правому краю.
center - по центру.
bottom - по нижнему краю.
top - по верхнему краю.

Значения может быть два - по горизонтали и вертикали. Кроме того, значения можно задавать в процентах.

http://s002.radikal.ru/i200/1003/25/04623cc6c5aa.jpg http://i005.radikal.ru/1003/ca/5989f6d0a47f.jpg http://i061.radikal.ru/1003/3b/b86a09e9302f.jpg http://i054.radikal.ru/1003/e1/1d7da829d7e6.jpg

http://s58.radikal.ru/i162/1003/59/9f2dad1c8b36.jpg http://s59.radikal.ru/i165/1003/93/d87121fab801.jpg http://i020.radikal.ru/1003/b6/1418d2a6d8a6.jpg http://i018.radikal.ru/1003/0a/8ade4d8792e1.jpg

http://s19.radikal.ru/i192/1003/03/2c5eae319f16.jpg

Пример:

Код:
body {background-position: top center;}

0

2

На заметку.
background-repeat - CSS-свойство, отвечающее за размножение (повторение) фона.

Значения:

no-repeat - не размножается.
repeat - размножается по горизонтали и вертикали.
repeat-x - размножается только по горизонтали.
repeat-y - размножается только по вертикали.

http://i073.radikal.ru/1003/b5/9cf03b479910.jpg http://s12.radikal.ru/i185/1003/1a/e146d08ef903.jpg http://s005.radikal.ru/i211/1003/af/5eb30ecd5e36.jpg http://s001.radikal.ru/i194/1003/5d/8e971bb5bfb2.jpg

0

3

На заметку.
background-attachment - CSS-свойство, отвечающее за прокрутку фоновой картинки.

Значения:

fixed - фиксирует фоновое изображение, т.е. делает его неподвижным.
scroll - фон прокручивается, т.е. при прокрутке страницы движется вместе с элементом.

http://s61.radikal.ru/i172/1003/92/8dc2ba234f09.gif http://i027.radikal.ru/1003/8b/9fbb2c4396e2.gif

0

4

На заметку.
background-position - CSS-свойство, отвечающее за расположение фоновой картинки.

Значения:

left - по левому краю.
right - по правому краю.
center - по центру.
bottom - по нижнему краю.
top - по верхнему краю.

Значения может быть два - по горизонтали и вертикали. Кроме того, значения можно задавать в процентах.

http://s002.radikal.ru/i200/1003/25/04623cc6c5aa.jpg http://i005.radikal.ru/1003/ca/5989f6d0a47f.jpg http://i061.radikal.ru/1003/3b/b86a09e9302f.jpg http://i054.radikal.ru/1003/e1/1d7da829d7e6.jpg

http://s58.radikal.ru/i162/1003/59/9f2dad1c8b36.jpg http://s59.radikal.ru/i165/1003/93/d87121fab801.jpg http://i020.radikal.ru/1003/b6/1418d2a6d8a6.jpg http://i018.radikal.ru/1003/0a/8ade4d8792e1.jpg

http://s19.radikal.ru/i192/1003/03/2c5eae319f16.jpg

0

5

На заметку.
background-image - CSS-свойство, отвечающее за фоновую картинку.

Значения:

none - фоновая картинка отсутствует.
url() - фоновая картинка, адрес указывается между скобками.

http://s004.radikal.ru/i206/1003/cb/9c99c40ded0e.jpg http://i045.radikal.ru/1003/9a/213f444aa00d.jpg

0

6

На заметку.
background-color - CSS-свойство, отвечающее за цвет фона.

Значения:

transparent - цвет отсутствует, т.е. фон элемента прозрачен.
цвет - собственно, цвет.

http://s003.radikal.ru/i202/1003/58/dc4a0aee82de.jpg http://s58.radikal.ru/i159/1003/f5/5d4b8e118821.jpg

0

7

background - CSS-свойство, отвечающее за все ниже приведённые параметры. Все значения разделяются между собой пробелом. Не используемые значения можно не указывать.

Пример:

Код:
body {background: #000000 repeat-y url(http://warriorssupport.mybb.ru/img/000a/7e/64/46-1267770078.jpg);}

background-color - CSS-свойство, отвечающее за цвет фона.

Значения:

transparent - цвет отсутствует, т.е. фон элемента прозрачен.
цвет - собственно, цвет.

http://s003.radikal.ru/i202/1003/58/dc4a0aee82de.jpg http://s58.radikal.ru/i159/1003/f5/5d4b8e118821.jpg

Пример:

Код:
body {background-color: #000000;}

background-image - CSS-свойство, отвечающее за фоновую картинку.

Значения:

none - фоновая картинка отсутствует.
url() - фоновая картинка, адрес указывается между скобками.

http://s004.radikal.ru/i206/1003/cb/9c99c40ded0e.jpg http://i045.radikal.ru/1003/9a/213f444aa00d.jpg

Пример:

Код:
body {background-image: url("http://warriorssupport.mybb.ru/img/000a/7e/64/46-1267770078.jpg");}

background-attachment - CSS-свойство, отвечающее за прокрутку фоновой картинки.

Значения:

fixed - фиксирует фоновое изображение, т.е. делает его неподвижным.
scroll - фон прокручивается, т.е. при прокрутке страницы движется вместе с элементом.

http://s61.radikal.ru/i172/1003/92/8dc2ba234f09.gif http://i027.radikal.ru/1003/8b/9fbb2c4396e2.gif

Пример:

Код:
body {background-attachment:fixed;}

background-repeat - CSS-свойство, отвечающее за размножение (повторение) фона.

Значения:

no-repeat - не размножается.
repeat - размножается по горизонтали и вертикали.
repeat-x - размножается только по горизонтали.
repeat-y - размножается только по вертикали.

http://i073.radikal.ru/1003/b5/9cf03b479910.jpg http://s12.radikal.ru/i185/1003/1a/e146d08ef903.jpg http://s005.radikal.ru/i211/1003/af/5eb30ecd5e36.jpg http://s001.radikal.ru/i194/1003/5d/8e971bb5bfb2.jpg

Пример:

Код:
body {background-repeat:repeat-y;}

background-position - CSS-свойство, отвечающее за расположение фоновой картинки.

Значения:

left - по левому краю.
right - по правому краю.
center - по центру.
bottom - по нижнему краю.
top - по верхнему краю.

Значения может быть два - по горизонтали и вертикали. Кроме того, значения можно задавать в процентах.

http://s002.radikal.ru/i200/1003/25/04623cc6c5aa.jpg http://i005.radikal.ru/1003/ca/5989f6d0a47f.jpg http://i061.radikal.ru/1003/3b/b86a09e9302f.jpg http://i054.radikal.ru/1003/e1/1d7da829d7e6.jpg

http://s58.radikal.ru/i162/1003/59/9f2dad1c8b36.jpg http://s59.radikal.ru/i165/1003/93/d87121fab801.jpg http://i020.radikal.ru/1003/b6/1418d2a6d8a6.jpg http://i018.radikal.ru/1003/0a/8ade4d8792e1.jpg

http://s19.radikal.ru/i192/1003/03/2c5eae319f16.jpg

Пример:

Код:
body {background-position: top center;}

0


Вы здесь » Tessst » Тестовый форум » CSS-свойства