Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
YouTube 153 Подписчики
Telegram 241 Подписчики
VK 0 Подписчиков
Маркетер
Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • CSS

Все правила CSS. Параметры цвета и фона

  • 02.11.2001

Автор статьи: Головин Андрей

далее…>

Правило Описание
color Задает цвет. Подробнее…
background-color Задает цвет фона. Подробнее…
background-image Задает фоновое изображение. Подробнее…
background-repeat Задает способ повторения фонового изображения. Подробнее…
background-attachment Задает способ привязки фона. Подробнее…
background-position Расположение фона. Подробнее…

color

Цвет может быть задан несколькими способами:

Способ Пример Описание
color: red red С помощью естественных имен цветов.
color: #FF0000 #ff0000 С помощью шестнацетиричных значений составляющих цвета.
color: rgb(255,0,0) color: rgb(255,0,0) С помощью составляющих цвета (от 0 — 255).

Если вы задаете цвет в виде естественных наименований цветов, то необходимо помнить, что цвета с одинаковым наименованием могут по-разному отображаться в различных браузерах. Имеет смысл использовать только наименования основных цветов (black, red, green, blue и т.п.) и проверять корректность отображения в различных браузерах.

background-color

Кроме способов обозначения цвета, приведенных в первом пункте, возможно задавать прозрачный фон с помощью цвета transparent.

background-image

Задает в качестве фонового изображения картинку из файла. Например. background-image: URL(‘ft012.gif’). Заметим, что имя файла должно быть преобразовано к формату URL. В Нетскейп Навигатор таким образом можно задать фон только для «блочных» элементов — параграфов,

и пр. Для элемнтов типа неправильно будет осуществлятся перевод строк.

background-repeat

Задает способ повторения фонового изображения.

Значение Пример Описание
repeat Фон повторяется как по вертикали, так и по горизонтали.
repeat-x Фон повторяется только по горизонтали.
repeat-y Фон повторяется только по вертикали.
no-repeat Фоновое изображение выводится только один раз.

background-attachment

Можно установить два значения: scroll и fixed. В первом случае фон буде «прокручиваться» вместе с текстом (если текст выходит за границы окна браузера. Во втором — фон будет оставаться неподвижным.

background-position

Реализавано только в Ineternet Explorer. Задаются координаты, с которых начнется вывод фонового изображения. Координаты могут быть заданы с помощью ключевых слов, которые приведены в следующей таблице. Сначала указывается значения для вертикальной координаты.

left center right
top
center
bottom

Координаты можно задать и в единицах длины (пиксели, проценты):

h=20px h=50% h=80px
w=20px
w=50%
w=80px

Здесь обнаружено некоторое нессответствие с документацией. Первая координата определяет расположение по вертикали, а вторая — по горизонтали. Если мне удастся выяснить, кто в этом винават — обязательно расскажу.

background

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

alexvolkov

Предыдущий материал
  • Администрирование

Ограничиваем доступ

  • 02.11.2001
  • Алексей Волков
Read More
Следующий материал
  • DHTML

Позиционирование для IE и NN

  • 02.11.2001
  • alexvolkov
Read More
Вас также может заинтересовать
Read More
  • CSS

Формализация CSS

  • Алексей Волков
  • 23.05.2012
Read More
  • CSS

Ножницы для CSS

  • Алексей Волков
  • 25.01.2005
Read More
  • CSS

CSS: фон и цвет

  • Алексей Волков
  • 27.05.2004
Read More
  • CSS

CSS: позиционирование блоков

  • Алексей Волков
  • 08.04.2004
Read More
  • CSS

Что такое каскадные таблицы стилей (CSS)

  • Алексей Волков
  • 02.02.2004
Read More
  • CSS

Что такое каскадные таблицы стилей (CSS)

  • Алексей Волков
  • 27.11.2003
Read More
  • CSS

Создание «буквиц»

  • alexvolkov
  • 30.11.2001
Read More
  • CSS

Описание стилей элемента<A>

  • alexvolkov
  • 05.11.2001

Добавить комментарий

Для отправки комментария вам необходимо авторизоваться.

Свежие посты
  • Дайджест постов Сергея Людкевича
    • 12.09.24
  • Как юристы тормозят бизнес
    • 30.08.24
  • Продвижение оптовых кампаний в Яндекс Директ
    • 06.03.24
  • Cарафанное радио
    • 13.01.24
  • 5-55: История компании
    • 01.03.23
Маркетер
  • О проекте
  • Информационное спонсорство
  • Рекламным агентствам
  • Ссылки
(с) ООО "Маркетер". Официальный сайт. Маркетер: Статьи про рекламу, маркетинг, public relations, интернет

Введите ключевые слова для поиска и нажмите Enter