Свойство -webkit-background-clip
Свойство -webkit-background-clip определяет, будет ли цвет фона ограничиваться началом границы элемента, будет продолжаться до внешнего края границы, ограничиваться контентом или же охватывать только текст элемента.
Допустимые значения
- padding — цвет фона будет ограничиваться началом границы элемента
- border — цвет фона будет продолжаться под прозрачными участками границы элемента
- content — цвет фона распространяется только на контентную часть элемента
- text — фоновый цвет будет распространен только на текст элемента (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;
}
По теме
- Вендорные префиксы. Что это?
- img vs background-image
- Градиент: CSS3 против CSS2 + картинка
- Масштабируемый фон
- Спрайты: меньше картинок, больше скорость
- Центрирование картинки в блоке
- Свойство background-clip
- Свойство -moz-background-clip
- Свойство -webkit-background-clip
- Свойство background-origin
- Свойство -moz-background-origin
- Свойство -webkit-background-origin
- Свойство background-size
- Свойство -moz-background-size
- Свойство -webkit-background-size
- Свойство -webkit-background-composite