loader

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

background-clip հատկությունը որոշում է, թե ինչ հեռավորության վրա պետք է տարածվի ֆոնը (գույնը կամ պատկերը) տարրի ներսում: Օգտագործելով background-clip, մենք կարող ենք որոշել, թե որտեղ պետք է տեղադրել ֆոնային պատկերը և թե որ մասում է այն հարկավոր ցուցադրել: background-clip հատկությունն ունի 4 հնարավոր արժեք.

Синтаксис

Գրելաձև

background-clip: border-box; ⟿ Показывает полное изображение, ничего не обрезая.(По умолчанию)
background-clip: padding-box; ⟿ Обрезает рамку background-image.
background-clip: content-box; ⟿ Обрезает рамку и отступы background-image.
background-clip: text; ⟿ Фон заполняет текст в блоке, работает только если указано color: transparent;
background-clip: border-box; ⟿ Ցույց է տալիս ամբողջական պատկերը՝ առանց որևէ բան կտրելու.(Սկզբնական)
background-clip: padding-box; ⟿ Կտրում է background-image-ի շրջանակը:
background-clip: content-box; ⟿ Կտրում է background-image-ի շրջանակը և բացթողումները:span>
background-clip: text; ⟿ Հետին պլանը լրացնում է բլոկի տեքստի գույնը, աշխատում է միայն այն դեպքում, եթե նշված է color: transparent;

Пример

Օրինակ

See the Pen background-clip by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан на рисунке⇓

⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓

background-clip image

Также у тега background есть следующие под. теги

Поддержка браузера дляԲրաուզերի աջակցությունը background-clip элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 11 12+ 4+ 49+ 14+ 15+
Notes   -ms- -webkit-     -webkit-