Атрибуты: Параметры выделения блочного элемента.

  Атрибуты стилей выделения применяются для выделения полей элементов блочных тегов на Web-странице. Выделение оформляется контуром и(или) "тенью". Контур, в отличие от рамки, не увеличивает размеры поля элемента тега:

  Тень поля элемента
  Атрибуты:
  box-shadow - Устанавливает "тень" для поля элемента.
  В отличие от контура "тенью" можно выделять поля элементов строчных тегов.

Формат:

  • box-shadow:
      Горизонтальное смещение Вертикальное смещение [Радиус] [Размер] [Окраска] [inset]
      |none
      |inherit

Значения:

  • Горизонтальное смещение - Смещение "тени" относительно поля элемента по горизонтали.
      Линейная величина с единицей измерения.
      Если указано положительное число, то "тень" смещается правее поля, если отрицательное – левее.
      Если указан 0, то "тень" окажется прямо под полем.
      Нулевое смещение имеет смысл, только если определен радиус.
  • Вертикальное смещение - Смещение "тени" относительно поля элемента по вертикали.
      Линейная величина с единицей измерения.
      Если указано положительное число, то "тень" смещается ниже поля, если отрицательное – выше.
      Если указан 0, то "тень" окажется прямо под полем.
      Нулевое смещение имеет смысл, только если определен радиус.
  • Радиус - Радиус "размытия" "тени".
      Линейная величина с единицей измерения.
      По умолчанию радиус "размытия" равен 0 и "тень" не имеет эффекта "размытия".
  • Размер - Линейная величина с единицей измерения.
      На это значение увеличивается размер "тени" по сравнению с размером поля элемента.
      По умолчанию = 0, то есть размер "тени" равен размеру поля элемента.
  • Окраска - Окраска "тени"
      По умолчанию значение зависит от браузера.
  • inset - Означает что "тень" зеркально отображается в виртуальной трехмерной системе координат.
      Применяется для создания эффекта вдавленности поля элемента.
  • none - Отменяет тень, возможно унаследованную от элемента "родительского" тега.
  • inherit - Значение атрибута наследуется от элемента "родительского" тега (умолчание).
  Контур поля элемента
  Атрибуты:
  outline-width - Устанавливает толщину линий контура поля элемента.

Формат:

  • outline-width:
      thin
      |medium
      |thick
      |Размер
      |inherit

Значения:
  Нормализованная толщина линии это размер, понятный браузеру в соответствии со стандартом HTML.
  Точный размер нормализованных значений зависит от настроек браузера и от значений остальных атрибутов стилей рамки.
  Нормализованные значения предпочтительны, поскольку дают возможность пользователю самому настраивать вид Web-страницы.
  outline-color - Устанавливает окраску линий контура поля элемента.

Формат:

  • outline-color:
      Цвет
      |transparent
      |inherit

Значения:

  outline-style - Устанавливает стиль начертания линий контура поля элемента.

Формат:

  • outline-style:
      hidden
      |dotted
      |dashed
      |solid
      |double
      |groove
      |ridge
      |inset
      |outset
      |none
      |inherit

Значения:

  •  hidden – Скрытая линия
      В отличие от отсутствующей, занимает место на Web-станице.
  •  dotted – Пунктирная линия.
  •  dashed – Штриховая линия.
  • solid – Сплошная линия.
  •  double – Двойная линия.
  •  groove – "Вдавленная трехмерная" линия.
  • ridge – "Выпуклая трехмерная" линия.
  • inset – "Трехмерная выпуклость".
  • outset – "Трехмерное "углубление".
  •  none – Отсутствие линии.
      Это нормальное значение, оно действует по умолчанию, если начертание линии не указано в случае использования общего атрибута стилей контура outline.
  • inherit - Значение атрибута наследуется от элемента "родительского" тега.
  outline - Устанавливает общий стиль линий контура поля элемента.

Формат:

  • outline:
      [Толщина] [Начертание] [Окраска]
      |inherit

Значения:

  •  Толщина - Толщина линии - значение атрибута outline-width.
  •  Начертание - Начертание линии - значение атрибута outline-style.
  •  Окраска - Окраска линии - значение атрибута outline-color.
  • inherit - Значение атрибута наследуется от элемента "родительского" тега.
  outline-offset - Устанавливает расстояние между контуром поля элемента определяемого элемента и границами этого поля.
  Имеет смысл, только если применяются атрибуты outline и установлены достаточные внешние отступы для поля определяемого элемента тега.

Формат:

  • outline-offset:
      Размер
      |inherit

Значения:

  • Размер - Линейная величина с единицей измерения.
      Допустимы отрицательные значения.
      По умолчанию = 0.
  • inherit - Значение атрибута наследуется от элемента "родительского" тега.