From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/css/border-image-repeat/index.html | 154 ++++++++++++++++++++++++ 1 file changed, 154 insertions(+) create mode 100644 files/ru/web/css/border-image-repeat/index.html (limited to 'files/ru/web/css/border-image-repeat') diff --git a/files/ru/web/css/border-image-repeat/index.html b/files/ru/web/css/border-image-repeat/index.html new file mode 100644 index 0000000000..15afede5b9 --- /dev/null +++ b/files/ru/web/css/border-image-repeat/index.html @@ -0,0 +1,154 @@ +--- +title: border-image-repeat +slug: Web/CSS/border-image-repeat +translation_of: Web/CSS/border-image-repeat +--- +
{{CSSRef}}
+ +

Описание

+ +

The border-image-repeat CSS property defines how the middle part of a border image is handled so that it can match the size of the border. It has a one-value syntax that describes the behavior of all the sides, and a two-value syntax that sets a different value for the horizontal and vertical behavior.

+ +
{{cssinfo}}
+ +

Синтаксис

+ +
/* border-image-repeat: type */
+border-image-value: stretch;
+
+/* border-image-repeat: horizontal vertical */
+border-image-width: round stretch;
+
+/* Глобальные значения */
+border-image-repeat: inherit;
+border-image-repeat: initial;
+border-image-repeat: unset;
+
+ +

Значения

+ +
+
type
+
One of the stretch, repeat, or round keywords denoting how the image is treated both horizontally and vertically.
+
horizontal
+
One of the stretch, repeat, or round keywords denoting how the image is treated horizontally.
+
vertical
+
One of the stretch, repeat, or round keywords denoting how the image is treated vertically.
+
stretch
+
Keyword indicating that the image must be stretched to fill the gap between the two borders.
+
repeat
+
Keyword indicating that the image must be repeated until it fills the gap between the two borders.
+
round
+
Keyword indicating that the image must be repeated until it fills the gap between the two borders. If the image doesn't fit after being repeated for an integral number of times, the image is rescaled to fit.
+
space
+
The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles.
+
+ +

Формальный синтаксис

+ +
{{csssyntax}}
+ +

Примеры

+ +

See {{cssxref("border-image")}} for examples of what repeat values will do.

+ +

Спецификации

+ + + + + + + + + + + + + + + + +
СпецификацияСтатусКомментарий
{{SpecName('CSS3 Backgrounds', '#border-image-repeat', 'border-image-repeat')}}{{Spec2('CSS3 Backgrounds')}}Первоначальное определение
+ +

Совместимость с браузерами

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Базовая поддержка15.0{{CompatGeckoDesktop("15.0")}}11156[1]
space{{CompatNo}}[1]{{CompatNo}}[3]11{{CompatNo}}9.1[5]
round30[4]{{CompatGeckoDesktop("15.0")}}11{{CompatUnknown}}9.1[5]
+
+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Базовая поддержка{{CompatUnknown}}{{CompatGeckoMobile("15.0")}}{{CompatNo}}{{CompatUnknown}}9.3[5]
+
+ +

[1] Support the space value, but the actual effect is the same as the repeat value.

+ +

[2] Support the round value, but the actual effect is the same as the repeat value.

+ +

[3] См. {{bug(720531)}}.

+ +

[4] См. Chrome bug.

+ +

[5] См. WebKit bug.

+ +

Смотрите также

+ + -- cgit v1.2.3-54-g00ecf