Backgrounds and Borders Level 3 (фон и рамки, уровень 3)

В спецификации Backgrounds and Borders Level 3 определяются стили для границ и фоновых изображений элементов. В свойства для отображения границ элементов включены такие как - ширина, тип и толщина линии рамки, скругленные углы, тень, а так же пользовательские изображения. Среди свойств для отображения фона элемента стоит выделить - масштабирование фоновых изображений, указание множественных изображений для одного элемента, позиционирование изображений. Данный документ является развитием части общей спецификации CSS 2.1.

Статус:
Рабочий проект - последняя редакция (LC)

Редакторы:
Bert Bos, Elika J. Etemad, Brad Kemper

Ссылки:
http://www.w3.org/TR/css3-background/ - официальная спецификация W3C

История изменений:

  • 2012-02-14 - Рабочий проект - последняя редакция (LC)
  • 2011-02-15 - Кандидат в рекомендации (CR)
  • 2010-06-12 - Рабочий проект - последняя редакция (LC)
  • 2009-12-17 - Кандидат в рекомендации (CR)
  • 2009-10-15 - Рабочий проект - последняя редакция (LC)
  • 2008-09-10 - Рабочий проект
  • 2005-02-16 - Рабочий проект
  • 2002-11-07 - Рабочий проект
  • 2002-08-02 - Рабочий проект - последняя редакция (LC)
  • 2002-02-19 - Рабочий проект
  • 2001-09-24 - Рабочий проект

Свойства:

  • background - Свойства фона элемента
  • background-attachment - Поведение фонового изображения при прокрутке
  • background-clip - Границы заполнения фоновым изображением внутри элемента
  • background-color - Цвет фона
  • background-image - Фоновое изображение
  • background-origin - Границы позиционирования фонового изображения внутри элемента
  • background-position -
  • background-repeat - Способ повторения фонового изображения
  • background-size - Размер фонового изображения, или его масштаб относительно элемента-контейнера.
  • border-bottom - Свойства (толщина, стиль, цвет) нижней линии рамки элемента
  • border-bottom-color - Цвет нижней линии рамки элемента
  • border-bottom-left-radius - Радиус скругления нижнего левого угла рамки элемента
  • border-bottom-right-radius - Радиус скругления нижнего правого угла рамки элемента
  • border-bottom-style - Стиль нижней линии рамки элемента
  • border-bottom-width - Толщина нижней линии рамки элемента
  • border-color - Цвет линии рамки элемента
  • border-image - Свойства фонового изображение для рамки элемента (ширина поля, изображение и т.д.)
  • border-image-outset - Смещение фонового изображения относительно рамки
  • border-image-repeat - Способ заполнения рамки фоновым изображением
  • border-image-slice - Размеры частей фонового изображения, используемые для заполнения фона рамки
  • border-image-source - Фоновое изображение для рамки элемента
  • border-image-width - Ширина поля фонового изображения рамки элемента
  • border-left - Свойства (толщина, стиль, цвет) левой линии рамки элемента
  • border-left-color - Цвет левой линии рамки элемента
  • border-left-style - Стиль левой линии рамки элемента
  • border-left-width - Толщина левой линии рамки элемента
  • border-radius - Радиус скругления углов рамки элемента
  • border-right - Свойства (толщина, стиль, цвет) правой линии рамки элемента
  • border-right-color - Цвет правой линии рамки элемента
  • border-right-style - Стиль правой линии рамки элемента
  • border-right-width - Толщина правой линии рамки элемента
  • border-style - Стиль линии рамки элемента
  • border-top - Свойства (толщина, стиль, цвет) верхней линии рамки элемента
  • border-top-color - Цвет верхней линии рамки элемента
  • border-top-left-radius - Радиус скругления верхнего левого угла рамки элемента
  • border-top-right-radius - Радиус скругления верхнего правого угла рамки элемента
  • border-top-style - Стиль верхней линии рамки элемента
  • border-top-width - Толщина верхней линии рамки элемента
  • border-width - Толщина линии рамки элемента
  • box-decoration-break -
  • box-shadow - эффект тени для элемента