-
Notifications
You must be signed in to change notification settings - Fork 8k
/
index.md
55 lines (35 loc) · 1.52 KB
/
index.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
---
title: border-image-source
slug: Web/CSS/border-image-source
---
{{CSSRef}}
## Описание
The **`border-image-source`** CSS property defines the {{cssxref("<image>")}} to use instead of the style of the border. If this property is set to `none`, the style defined by {{cssxref("border-style")}} is used instead.
> **Примечание:** Though any {{cssxref("<image>")}} can be used with this CSS property, browser support is still limited and some browsers support only images defined using the `url()` functional notation.
{{cssinfo}}
## Синтаксис
```css
/* no border-image, use the specified border-style */
border-image-source: none;
/* the image.jpg is used as image */
border-image-source: url(image.jpg);
/* a gradient is used as image */
border-image-source: linear-gradient(to top, red, yellow);
/* Global values */
border-image-source: inherit;
border-image-source: initial;
border-image-source: unset;
```
### Значения
- `none`
- : Specifies that no image should be used for the border. Instead the style defined by {{cssxref("border-style")}} is used.
- `<image>`
- : Ссылка на изображение, которое будет использоваться в отрисовке границы.
### Формальный синтаксис
{{csssyntax}}
## Примеры
See {{cssxref("border-image")}} for examples of what the various source values will do.
## Спецификации
{{Specifications}}
## Совместимость с браузерами
{{Compat}}