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