Свойство -webkit-background-clip

Свойство -webkit-background-clip определяет, будет ли цвет фона ограничиваться началом границы элемента, будет продолжаться до внешнего края границы, ограничиваться контентом или же охватывать только текст элемента.

Допустимые значения

  • padding — цвет фона будет ограничиваться началом границы элемента
  • border — цвет фона будет продолжаться под прозрачными участками границы элемента
  • content — цвет фона распространяется только на контентную часть элемента
  • text — фоновый цвет будет распространен только на текст элемента (Safari 4.0 и выше, Chrome 3.0 и выше)
Значение по умолчанию нет
Применимо ко всем элементам
Наследование нет
Поддерживается браузерами
  • Safari 4.0 и выше
  • Chrome 3.0 и выше

Пример

CSS

div {
background-color:#ccc;
-webkit-background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)))
-webkit-background-clip: border;
}

По теме